曾经想通过 iPad 或 iPhone 查看网页的来源吗？不幸的是，移动版 Safari 本身并不包含该功能，也没有内置移动网络检查器工具包，但借助自定义书签，您可以直接在 iOS 和 iPadOS 中查看任何网页的源代码。

本文将向您展示如何进行设置，以便您可以使用书签和 javascript 技巧在 iPad 和 iPhone 的 Safari 中查看源代码。

如何在 iPad 和 iPhone 的 Safari 中查看源代码

1. 如果您还没有打开 Safari，请打开
2. 使用 iPad、iPhone 或 iPod touch 上的 Safari 将此网页（或任何其他网页）添加为书签，并将书签命名为“查看源代码”
3. 点击此处查看书签 javascript然后选择全选 -> 复制
4. 点击 Safari 新浏览器屏幕上的书签图标并点击“编辑”，然后点击您在第 2 步中保存的书签
5. 将您在第 3 步中复制的 javascript 代码粘贴到 URL 栏中，然后点击“完成”将更改保存到书签
6. 现在，如果您想在 iPad 或 iPhone 上查看网页源代码，请打开“书签”菜单并选择“查看源代码”
7. 源代码将以突出显示的语法显示，带有可点击的源 URL



需要注意的一件重要事情是，此处使用的 javascript 将您正在查看源代码的页面发送到 michelsen.dk 服务器进行处理。如果您对此不满意，还有其他解决方案，但它们不会突出显示语法并且整体上也不那么优雅。

例如，您可以使用下面的 Javascript 作为书签来查看源代码，它不会通过远程服务器处理，但它不使用语法高亮：

javascript:(function(){var a=window.open('about:blank').documenta.write('')a.close( )var b=a.body.appendChild(a.createElement('pre'))b.style.overflow='auto'b.style.whiteSpace='pre-wrap'b.appendChild(a.createTextNode (document.documentElement.innerHTML))})()

一个类似的提示利用一个编辑过的书签来让你在 Mobile Safari 上运行 Firebug iPhone 或 iPad，这对某些 Web 开发人员来说可能更有用。

这个很棒的提示来自 米歇尔森.dk。 通过 Twitter 找到，您也可以关注我们 /p>

谁知道呢，也许有一天 iOS 和 iPadOS 中的 Safari 会获得查看源代码的本机功能？在那之前，您将不得不依赖此类应用程序或工具。

这在测试中运行良好，但一些用户报告了不同版本的 Safari 和 iOS 的不同结果。请在下面的评论中告诉我们什么适合您，以及您使用的是什么 iOS 版本和 iPad 或 iPhone。