在 iPad和 iPhone的浏览器上查看网页源代码

来源:互联网 发布:阿里云国际版网址 编辑:程序博客网 时间:2024/04/30 12:28

   今天使用iPad 处理OA上的问题,有个窗口不能正常工作,想查看一下源码,发现iPad中的 Safari和chrome 没有内置查看源码功能。查了几个资料,遇到的又是没抄全的,下面是safari的设置方法:

  1. 在 iPad、iPhone 或 iPod touch 的 Safari 中将这个页面(或者任何页面)存为书签,并命名为“查看源代码”
  2. 点按这里查看书签的 JavaScript 代码,并全选 – 拷贝
  3. 在 Safari 中点按书签图标,然后点“编辑”,点选第一步中保存的书签
  4. 将第二步中拷贝的 JavaScript 代码粘贴到 URL 地址栏,点按“完成”保存这些更改

现在,当你想要查看某个网页的源代码时,打开书签菜单并点选“查看源代码”,就能查看经过语法高亮处理以及链接可点处理的源代码了。

原理其实就是需要把http://ole.michelsen.dk/viewsource/bookmarklet.min.js文件的内容拷贝到新建的标签页的地址栏中。

需要注意的是,这里的 JavaScript 会把当前页面发送到 michelsen.dk 服务器进行处理,如果对这一点不放心则可以考虑其他查看方法,不过目前 michelsen.dk 的语法高亮功能确实很棒。

原文地址http://ole.michelsen.dk/blog/view-source-on-the-ipad-and-iphone/