iPad 上如何查看 Safari 页面的 html 源代码

最新推荐文章于 2024-08-19 16:43:37 发布

DrifterJ

最新推荐文章于 2024-08-19 16:43:37 发布

阅读量1.3w

点赞数

分类专栏： Small Tricks WebSphere Commerce

本文链接：https://blog.csdn.net/DrifterJ/article/details/17305727

版权

Small Tricks 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

WebSphere Commerce

10 篇文章 0 订阅

订阅专栏

最近需要解决一个 ipad 上 Safari 浏览器相关的问题，需要查看其中页面的 html 源代码，找了半天，发现浏览器没有提供原生态的功能，最后在网上找到了如下神奇的方式：

1. Safari 浏览器定位到你要查看源代码的页面

2. 在地址栏上拷贝如下js code ，回车访问，然后浏览器就会打开一个页签，显示出当期页面的 html 源代码：

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.a(a.createElement_x_x("form"));b.setAttribute("method","post");b.setAttribute("action","http://ole.michelsen.dk/viewsource/?uri="+location.href);var c=b.a(a.createElement_x_x("input"));c.setAttribute("type","hidden");c.setAttribute("name","DOM");c.setAttribute("value",encodeURIComponent(document.documentElement.innerHTML));b.submit()})()

你可以通过这个访问这个 url 得到这段js ：

http://ole.michelsen.dk/viewsource/bookmarklet.min.js

从上述js可以看出，其需要访问一个网址 ："http://ole.michelsen.dk/viewsource/?uri="+location.href ，所以你的 ipad 必须要能够访问外网，这种方式才可使用！如果你的ipad只能够访问内网（比如访问内部测试环境），那不好意思，这种方式无法帮你查看 html 源代码！