電腦pc上的瀏覽器類比手機瀏覽器的方法

來源:互聯網
上載者:User

什麼是 User Agent?

User Agent中文名為使用者代理程式,簡稱UA,它是一個特殊字元串頭,指的是代表使用者行為的軟體(軟體代理程式)所提供的對自己的一個標識符。它使伺服器能夠識別客戶使用的瀏覽器類型及版本、作業系統及版本、瀏覽器核心、等資訊的標識。

用在瀏覽器裡其實就是用來表明瀏覽器身份的一段代碼。

一些網站常常通過判斷 UA 來給不同的作業系統、不同的瀏覽器發送不同的頁面,因此可能造成某些頁面無法在某個瀏覽器中正常顯示,但通過偽裝 UA 可以繞過檢測,也是通過這種方法,我們可以輕鬆的使用PC瀏覽器來類比手機瀏覽器。

User Agent格式

格式如下:

瀏覽器標識 (作業系統標識; 加密等級標識; 瀏覽器語言) 渲染引擎標識 版本資訊
<– 其實還是有點迷糊的,還是不做解釋了,大家自己看吧。 –>

怎麼查看User Agent?

自己寫代碼

檢測網站,檢測資訊下也都有解釋滴,結合下上面的格式,估計就懂了。
http://whatsmyuseragent.com/
http://whatsmyua.com/
http://www.useragentstring.com/


用PC瀏覽器類比手機瀏覽器(一):無擴充版

Chrome——開發人員工具滴設定

在Chrome瀏覽器開發人員工具的設定裡面其實有對應的User Agent的設定,你只需要選擇對應系統的User Agent即可類比其相應的瀏覽器。方法如下:

開啟Chrome的開發人員工具,快速鍵“Ctrl+Shift+I”開啟、或者右鍵——審查元素,等等
在開發人員工具的右下角(可能因版本不同而位置不同),點擊開啟小齒輪狀的設定按鈕
“設定”裡面的第二項“Overrides”,映入眼帘的第一項就是“User Agent”了,打上對鉤,就可以選擇相應的主流User Agent了,當然,選擇最後的“Other”你還可以添加自己需要的User Agent。
選擇對應的User Agent後,如果當前瀏覽網址為PC頁面,且是以User Agent為判斷標準的,那麼重新整理就會跳轉到對應的手機頁面,同樣,如果直接存取手機頁面,也就不再跳轉。

切記:開發人員工具需要一直開啟著,關閉就失效了哦。

除此之外,“Overrides”裡還能類比裝置螢幕尺寸、類比地理位置、類比touch events和類比CSS media的功能,還夠強大吧。

PS:據說有人利用類比地理位置這個功能來成功滴類比了自己的世界各地發布的微博、QQ說說等,如果你想?潘肯攏?薔褪允園桑?悴懷齷??蚍⑽⒉?⑺鄧怠?/p>

配圖一張,說明:當前Chrome版本 28.0.1500.95 m,如果你的沒有此功能,那麼就升級吧。

Safari——使用者代理程式

同樣,Safari也有相應的功能,在這裡叫做“使用者代理程式”。

首先,瀏覽器右上方的“設定”——“喜好設定”——“進階”,把“在功能表列中顯示‘開發’菜單”這個勾勾上
然後功能表列裡就多出來一個“開發”了,“開發”下面的“使用者代理程式”,OK,你明白了吧。



當然,最後也有其他的,可以自己添加

用PC瀏覽器類比手機瀏覽器(二):外掛程式版

Firefox外掛程式

其實主要的就只有一個外掛程式,其他的也是有作用滴哦。

User Agent Switch,主將。
wmlbrowser,應該是主要用來解析xml的,最早的那些wap站不就都是xml的。這個可加,可不加,看你需要看xml的wap不吧。
XHTML Mobile Profile,貌似可有可無,曉得起那個作用的,解析xhtml在移動端?
安裝好外掛程式那就OK了,Firefox的功能表列“工具”下就會多出來一個“Default User Agent”來,對應的你將會看到你想要的了。如下圖:


不曉得這個外掛程式是咋啦,也沒內建幾個主要的User Agent,但是還好,可以建立或者大量匯入的哦。如下圖:



再附上一個fisio製作過的xml的UA列表,可供參考的哦:常用UA列表,本站地址:常用UA列表。

Chrome外掛程式

Chrome上的外掛程式同樣是User-Agent Switcher for Chrome。

安裝就不說了,安裝後,在Chrome的位置還是相當不錯的,調試簡單啊。就在右上方,如圖


內建了部分UA,也可添加、匯入等。

用PC瀏覽器類比手機瀏覽器(三):以User-Agent參數啟動版


用User-Agent為參數直接啟動瀏覽器,以那個user-agent啟動的就會類比成那個的瀏覽器,即使再單獨開啟同一瀏覽器也還是同類比好了的瀏覽器一樣。如果想切換回普通瀏覽器模式,只能關閉所有Chrome瀏覽器,再以正常方式開啟。且,只限定在Chrome瀏覽器上使用,可見Chrome的強大了,據我瞭解的是昂。哦,是跟這個同一個核心的就行。

以User-Agent參數啟動瀏覽器有分為如下3種:

一、命令列啟動

window系統下,“開始”——“運行”或者“Win+R”,然後輸入相應的代碼,即可開啟對應的UA瀏覽器。

代碼格式如下:

chrome.exe+空格+"-user-agent=’UA'"
例如以IPhone 4的UA來開啟瀏覽器:

chrome.exe -user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5"
有的說,開啟cmd後,得先進入Chrome的安裝目錄(什麼什麼路徑\Application\chrome.exe)才能執行,其實不然,還是個別機子需要啊,如果直接不行的話,那就進入chrome.exe的目錄吧哦。

缺點:每次都得複製,還得找好對應的UA,麻煩吧。那就看下面兩種。

二、案頭捷徑啟動

在Chrome瀏覽器的案頭捷徑的目標選項參數後面加入對應的UA,這樣瀏覽器就直接以加入的UA啟動了。

目標參數設定格式為:

目標選項內原參數+空格+“-user-agent=‘UA’”


但是只有一個捷徑,怎麼辦呢?複製唄,多複製幾個,例如:“Chrome-安卓版”、“Chrome-IPhone版”、“Chrome-IPAD”版,

三、批處理指令碼啟動

當然,也是可以建立一個批處理指令碼來啟動的,更捷徑一個意思。

建立一個記事本,粘貼一下內容:

@echo off
start chrome.exe --user-agent="UA"
EXIT
@echo off
start chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5"
EXIT
完成後將“.txt”檔案尾碼修改為“.bat”尾碼,關閉Chrome,在雙擊運行此檔案,訪問網站,OK,手機版了。

同樣,輸入不同的UA,你也可以建立多個,想用那個點那個。

切記:如果想切換回普通瀏覽器模式,只能關閉所有Chrome瀏覽器,再以正常方式開啟。或者在以普通Chrome瀏覽器的UA類比一遍。

值此,用PC瀏覽器類比手機瀏覽器,完結。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.