iOS每日一技:无需越狱在iPad或iPhone上如何查看网页的源代码

这个技巧对普通用户没啥用处了,不过对于开发者来说是相当之有用的。

大家知道,在iPhone或iPad上是没有办法直接查看网页的源代码的,如果有Mac的话还可以配合Mac来进行调试并查看源代码,如果没有的话只有越狱之后安装类似ViewSource这类越狱插件才行,今天我们来看一个越狱查看网页源程序的方法,虽然麻烦些,但至少能用,:)

  1. 首先将下面这段代码复制到iOS设备的剪贴板里
    javascript:(function(){var d=window.open(“about:blank”),a=d.document;a.write(“<!DOCTYPE html><html><head><title>Loading Source</title></head><body></body></html>”);a.close();var b=a.body.appendChild(a.createElement(“form”));b.setAttribute(“method”,”post”);b.setAttribute(“action”,”http://ole.michelsen.dk/viewsource/?uri=”+location.href);var c=b.appendChild(a.createElement(“input”));c.setAttribute(“type”,”hidden”);c.setAttribute(“name”,”DOM”);c.setAttribute(“value”,encodeURIComponent(document.documentElement.innerHTML));b.submit()})()
  2. 打开任意一个网站,比如www.appzd.net,点击下面的分享按钮
  3. 在打开的分享窗口中选择添加书签
  4. 在打开的书签编辑窗口中,将标题改为查看源代码,保存即可
  5. 再次点击书签按钮并点击编辑
  6. 然后点击查看源代码进入该书签的编辑页面
  7. 将书签的网址替换成第1步复制的代码并保存
  8. 这时候就可以使用了,比如回到www.appzd.net,点击书签按钮并选择查看源代码书签,就会打开一个新的窗口,在该窗口中就是所需要的源代码了
  9. 打完收工

PS: 其实懂javascript一眼就看懂,第1步中的代码的作用其实就是将你需要查看的网址发给http://ole.michelsen.dk/viewsource/,由它来负责读取并显示罢了,没什么神奇的。

如未特别注明,本站文章均为原创或编译,如需转载请保留链接及出处。
深入讨论新闻、越狱、插件请加入千人大群223932748:苹果资讯讨论群

iOS每日一技:无需越狱在iPad或iPhone上如何查看网页的源代码:目前有4 条留言

  1. 沙发
    爪猫:
    呼叫joise,pre标签要加一下CSS,浏览器的默认设置为 pre {white-space:pre;},造成代码部分内容不可见。 http://ww4.sinaimg.cn/large/90d768bagw1e9harsuposj20i404jwf7.jpg 改成 pre {white-space:pre-wrap;}就可以啦
    2013-10-11 15:59 [回复]
    • joise:
      谢谢爪猫,连解决方案都一并提供了,:)
      2013-10-12 17:24 [回复]
  2. 板凳
    BG:
    WP上的IE很多功能都是依靠这种类似的方法实现的
    2013-10-12 16:11 [回复]
  3. 黔西南350混凝土搅拌机
    2016-12-08 18:27 [回复]

发表评论

他们对你说…… ×