iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]

您正在使用iPad浏览网页,并且好奇地查看网页的来源,但是没有选择的余地。 接下来,您将交换回Mac或PC来打开同一网站,以检查“页面源”。 现在,如果这不算麻烦,我不知道这是什么。

为了使所有iPad和iPhone用户的工作更加轻松,这里有个技巧,可让您直接从移动设备查看网页的来源。 请注意,您将使用的代码会将您重定向到创建者的网站 ,该网站以突出显示的语法和可单击的URL形式显示源,以便于阅读。

设置“查看源代码”书签

  1. 首先,请在Apple设备上打开移动Safari,然后通过单击书签按钮为正在阅读的页面添加书签。 代替页面名称,将其命名为“查看源代码”,然后单击“保存”。

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

  2. 打开此小书签javascript ,全选并复制脚本。

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

  3. 点击移动Safari浏览器左上角的书签图标,然后点击“编辑”

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

  4. 点击您在步骤1中创建的“查看源代码”书签。

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

  5. 现在,将您在第2步中复制的bookmarklet javascript粘贴到URL栏中,然后点击“完成”。

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

    《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

在iPad和iPhone上的Safari上查看源代码

现在,您已经创建了一个名为“查看源代码”的新书签,要查看任何网页的源代码,请从Safari浏览器中打开任何站点,点击书签图标,然后点击“查看源代码”书签。

《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

此书签快捷方式会将请求发送到创建者的服务器进行处理,然后打开一个新的浏览器选项卡,供您以突出显示的语法查看源代码。

《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

《iphone查看网页源代码_如何在iPad / iPhone上查看网站源代码[Quicktip]》

结论

这种“查看源代码”的方法与Web开发人员工具(将其作为浏览器的扩展程序)不同,但是创建此书签是为了保存创建者网站的快捷方式,您可以在其中以突出显示的语法查看任何网站的源代码。

翻译自: https://www.hongkiat.com/blog/view-source-codes-in-ipad-iphone/

    原文作者:cune1359
    原文地址: https://blog.csdn.net/cune1359/article/details/106844431
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞