1. 程式人生 > >iPad 上如何檢視 Safari 頁面的 html 原始碼

iPad 上如何檢視 Safari 頁面的 html 原始碼

最近需要解決一個 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 原始碼!