在Mac Safari中查看网页源代码需先启用“开发”菜单,再用Option+Cmd+U快捷键、开发菜单、右键或地址栏输入view-source:协议;iOS/iPadOS则需创建JavaScript书签调用外部服务。

在Mac的Safari浏览器中快速查看当前网页的原始HTML源代码,是前端调试、学习网页结构或排查渲染问题的刚需操作,但默认状态下该功能被隐藏,必须先启用开发菜单才能触发所有查看路径。
启用“开发”菜单(一次性前提)
这一步不可跳过,否则后续所有快捷方式均失效。Safari不会自动显示“开发”菜单,必须手动勾选开启。
1、点击屏幕左上角的【Safari】菜单 → 选择“设置”。
2、切换到“高级”标签页。
3、勾选【在菜单栏中显示‘开发’菜单】。
4、关闭窗口,确认菜单栏最右侧已出现“开发”二字——若未出现,请重启Safari再试。
最快方式:快捷键直出源码
适用于已启用开发菜单、且网页完全加载完成的场景。无需鼠标、不依赖右键权限,响应速度最快。
1、确保目标网页处于活动标签页,并已完整加载(地址栏右侧不显示旋转图标)。
2、用鼠标点击页面任意空白处,让网页获得键盘焦点。
3、按下【Option + Command + U】——注意不是Control,也不是Shift,是Option(⌥)+ Cmd(⌘)+ U。
4、新标签页立即打开,纯文本显示未经渲染的原始HTML,支持Cmd+F搜索关键词。
通过菜单栏调用(语义清晰)
适合首次使用、需确认当前域名是否匹配,或快捷键被其他软件拦截时的备选路径。
方法一:开发菜单直达
1、点击菜单栏“开发” → 在下拉列表中找到当前网页的域名(如github.com)→ 点击该域名 → 选择“显示页面源代码”。
方法二:右键增强菜单(需网页未禁用右键)
1、在网页主体内容区按住【Control键并单击】(触控板用户双指轻点);
2、从弹出菜单中选择“显示页面源代码”;
3、注意:部分网站(如银行登录页、含防爬JS的页面)会屏蔽右键事件,此时此方法无效,应改用快捷键或地址栏方式。
地址栏输入协议强制查看
绕过所有菜单和快捷键限制,本质是向浏览器发送指令,适合临时调试或快捷键失灵时应急使用。
1、确保当前页面已加载完成。
2、点击地址栏,将光标置于网址最前方;
3、输入【view-source:】(注意冒号为英文半角,末尾无空格);
4、回车执行——浏览器直接跳转至源码视图,URL变为 view-source:https://xxx.com 形式。
iOS/iPadOS设备查看源码(书签脚本法)
苹果移动版Safari原生不支持查看源码,但可通过自定义JavaScript书签实现,效果接近桌面端,且无需安装第三方应用。
第一步:创建书签
1、打开Safari,访问任意网页(如百度首页);
2、点击地址栏左侧的分享按钮 → 选择“添加书签” → 标题填“看源代码”,点击“存储”。
第二步:编辑书签为脚本
1、点击地址栏右侧书签图标 → 点“编辑” → 找到刚存的“看源代码”项;
2、在URL栏中删除原有网址,粘贴以下完整代码(务必逐字核对,缺字符会导致空白页):
javascript:(function(){var d=window.open("about:blank"),a=d.document;a.write("
第三步:使用书签
1、打开任意网页;
2、点击书签图标 → 选择“看源代码”;
3、等待几秒,新标签页将显示语法高亮的源码(依赖ole.michelsen.dk服务,需联网且可访问该域名)。


















