如何在 iPad 或 iPhone 上从 Safari“查看源代码”

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

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

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

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

javascript:(function(){var a=window.open('about:blank').document;a.write('Source of '+location. href+'');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))})();

A similar tip utilizes an edited bookmark to allow you run Firebug with Mobile Safari on iPhone or iPad, which may be a bit more useful for some web developers.

这个很棒的技巧来自Michelsen.dk。通过推特找到，你也可以在那里关注我们

谁知道呢，也许有一天iOS 和iPadOS 中的Safari 会获得原生的查看源代码的能力？在那之前，你将不得不依赖像这样的派对应用程序或工具。

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