mac上safari查看网页源代码需先开启“开发”菜单：safari→设置→高级→勾选“在菜单栏中显示‘开发’菜单”；之后可用option+command+u或“开发→显示页面源代码”查看纯html，或用option+command+i打开检查器查看动态dom。

在Mac上用Safari浏览器查看网页源代码，不需要安装插件或切换到其他工具，系统自带功能就能直接调出原始HTML结构，但默认是隐藏状态，需手动开启开发者选项。

开启Safari的“开发”菜单

第一步：打开Safari → 顶部菜单栏点击「Safari」→「设置…」→ 切换到「高级」标签页。

第二步：勾选底部的「在菜单栏中显示“开发”菜单」【必须勾选，否则后续所有操作都无法进行】。

这一步做完后，顶部菜单栏就会多出一个“开发”选项，它不会自动出现，不勾选就永远看不到。

用快捷键快速打开源代码

方法一：在已打开的目标网页上，按 Option + Command + U 组合键。

Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries

规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...

下载

方法二：点击顶部菜单栏「开发」→「显示页面源代码」。

两种方式效果完全一样，弹出的新窗口里就是未经渲染的纯HTML文本，可复制、搜索、滚动查看，但不能编辑保存。

查看渲染后的DOM结构（更实用）

按 Option + Command + I 打开「检查器」面板，它比纯源码更有用——能看到JavaScript动态生成的内容、CSS样式绑定、元素实时高亮。

左侧是DOM树，点击任意元素，右侧自动显示其样式、盒模型和事件监听器；右键元素还能「在元素上检查」快速定位。

注意：如果按快捷键没反应，说明「开发」菜单还没开启，先回第一步操作。