如何在iphone和ipad上查看网页源代码

尽管iOS应用程序还不是开发机器，但您通常会在Web设计人员/开发人员的工具包中找到iPhone或iPad。 虽然您是开发人员/发布者或只是想要查看页面源代码或查看其上部署的所有资产的人，但通常是从计算机上执行此操作。

现在iOS 8使得查看页面的源，资源和DOM资源变得更加容易。 并且由于支持扩展程序的第三方应用程序非常棒，您可以在Safari中正确执行（不支持Chrome，因为扩展程序只能在Safari中访问DOM）。

让我们来谈谈这两个应用程序，它们可以帮助您在旅途中查看和保存任何网站的源代码。

查看Safari的源扩展

查看源代码（0.99美元）是一个简单而强大的应用程序，具有Safari扩展。 售价0.99美元，但附带了很多功能。

安装应用程序后，转到Safari，点按“ 分享” 按钮，向右滑动到底行，然后点按“ 更多” 。 从这里切换 查看源 。 这将启用扩展。

有关iOS 8扩展的更多信息： iOS 8扩展正在迅速成为一种强大的工具。 了解它们的工作原理，最佳共享扩展以及一个扩展如何帮助您将Safari变为完全成熟的下载程序。

现在，转到该页面，点击“ 共享” 按钮，然后选择“ 查看源” 。 你会看到页面的源代码。 点击“ 共享” 按钮以显示本机共享表。 从这里您可以将代码发送到便笺应用程序或通过电子邮件发送给它

下面你会看到四个按钮 - 资产，DOM，脚本和信息。

资产列出页面上的所有图像。 您可以点按链接以查看预览并保存图像。

DOM 按钮将显示一个树模型，其中包含HTML，XML和SVG文档的分层结构。 您可以点按任何元素来展开它。

“ 脚本” 按钮允许您在任何页面（本地）中编写和注入Javascript。 “ 信息” 面板显示有关页面的信息。

Srcfari

Srcfari（0.99美元）是View Source的替代品。 虽然该应用程序将向您显示源代码和资产，如图像，CSS样式表和页面上运行的脚本，但您必须从应用程序本身执行此操作。 Srcfari没有Safari扩展。

也就是说，使用Srcfari并不是一个糟糕的经历。 该应用程序具有很好的排版效果，它比使用View Source应用程序更好地通过脚本，CSS和图像来分解资产。 我与Srcfari的一个抱怨是，它启用了CSS样式表的文本换行，但是当您查看整个源（View Source应用程序所做的）时却没有。 这意味着至少在iPhone上会有相当多的平移和缩放。

除了Srcfari是通常的事情。 您可以将源代码复制到剪贴板或通过电子邮件发送给某人。 您还可以使用该应用程序保存图像。

结论

Safari可能已经成为iOS上的首选浏览器（主要是因为iOS不允许您选择Chrome作为默认设置）。 如果您需要经常查看源代码，那么带有Safari扩展的0.99美元View Source应用程序将是物有所值的。

您是否经常使用iPhone或iPad对网站进行故障排除？ 或者看看他们有什么问题？ 请在下面的评论中告诉我们。