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

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

  • Joe

    在手機上用CHROME,然後在網址開頭打上
    view-source:
    就可以了。

    • s3131212

      學起來了

      • Joe

        你的網站掛了。

  • zkm

    直接做成 [按鈕]
    然後連結就把 這一段代碼放進去
    別人只需要將它拖曳到書籤列即可~這樣比較方便喔
    ex. http://ilowkey.net/?p=415

    • 不要來打廣告好嗎?(誤誤誤誤誤誤)
      同意,這招厲害,馬上加入

      • zkm

        哈哈
        這哪是廣告阿~
        這只是建議啦:D

        • 明明就是(再一次誤)
          好啦!開玩笑完畢,前已經將建議方法放入文中了