2010/12/28

用PC瀏覽器開啟手機版網頁

最近愈來愈多大網站開始推出手機版本的網頁了,
但是有很多想讓人一窺原始碼的手機版網頁偏偏會判讀使用的瀏覽器,
即使點選「手機版」的連結,還是會被識破而跳轉回一般網站或直接顯示「您的瀏覽器不支援此頁面」,
看了真是讓人心癢難耐...

不過我沒有這麼容易投降的!
先去下載宣稱可以
"Test and debug on Opera Mobile using a Mac or PC"的Opera Mobile emulator來踹踹看!
結果看起來這個東西雖然可以模擬很多種手機的呈現,甚至觸碰、滑動的效果,
但卻沒有檢視原始碼的功能...orz

只好繼續拜咕狗大神,
好不容易找到了這篇教學文章
原來Firefox的使用者只要安裝一個外掛就可以開啟手機版網頁了。
因為外掛已經改版的關係,目前使用的方式和教學文章中有些不同。
以下列出我測試過的步驟:
  1. 還沒有使用Firefox的人,請先去下載
  2. 安裝外掛Modify Headers
  3. 在Firefox上面的工具列找到「工具」,選單的最下方應該可以找到「Modify Headers」的項目並點開。

  4. 上面有一條可以輸入的欄位,在最左欄(Action)點選「add」。
  5. 第二個欄位(Name)中必須輸入「user-agent」
  6. 第三個欄位(Value)需輸入的是「Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NokiaE51-1/100.34.20; Profile/MIDP-2.0 Configuration/CLDC-1.1 ) AppleWebKit/413 (KHTML, like Gecko) Safari/413」
  7. 第四個欄位(Comment)可以自己寫點註解,再點擊「Save」的按鈕就可以了!

  8. Save之後整個項目會被移到下面的列表,右側有一個綠色/紅色的圓點表示該項目的啟用/停用,點兩下可以切換。要使用時必須切換至「啟用」的狀態。

接下來測試一下,在切換成Disable的狀態下讀取Google Mobile的話,會被判讀出使用的是一般瀏覽器而自動跳轉到http://www.google.com/mobile/


切換成Enable的狀態後重新進入Google Mobile,就能正常瀏覽手機版頁面,按下Ctrl+U馬上就可以把原始碼看光光囉!