在手機和平板上觀看網站原始碼

8 / 1, 2012 Android , HTC , iOS , iPhone , PHP

目前現有的行動裝置瀏覽器,大多不能觀看原始碼,能看也是簡略的,可是現在有”高手中的高手”開發出一款程式,能在任何瀏覽器,包含手機平版觀看原始碼,而且還有上色(Highlight),有了這個,以後方便多了!


在書籤列(或我的最愛,Bookmark等)加入一個新書籤(新資料),名稱自己定,在這裡暫時用”觀看原始碼”做示範
然後網址部分輸入以下程式(不想打的請複製,或到最下面把按鈕直接拖到書籤列)

javascript:(function(){
var w = window.open('about:blank'),
s = w.document;
s.write('');
s.close();
var f = s.body.appendChild(s.createElement('form'));
f.setAttribute('method','post');
f.setAttribute('action','http://ole.michelsen.dk/viewsource/?uri='+location.href);
var i = f.appendChild(s.createElement('input'));
i.setAttribute('type','hidden');
i.setAttribute('name','DOM');
i.setAttribute('value',encodeURIComponent(document.documentElement.innerHTML));
f.submit();
})();

如果不想複製,也可以直接把以下連結拖到書籤列:

觀看原始碼

然後要觀看原始碼時,點該書籤就好!
程式開發:http://ole.michelsen.dk/blog/view-source-on-the-ipad-and-iphone/
註:如果對這個程式有興趣,很好奇server-side code,目前作者已經開放原始碼下載了,可以看看以下網頁:
https://github.com/bufferunderrun/View-Source