用PC瀏覽器類比手機瀏覽器（一）：無擴充版

標籤：des   style   class   tar   c   http   

想瀏覽手機版，開啟對應網址卻跳轉到PC版？怎麼辦？

下面咱們來說下在只是安裝了瀏覽器，無需其他安裝操作的情況下來怎麼用PC瀏覽器類比手機瀏覽器，然後訪問手機網站。

瀏覽器眾多，IE系列的咱就不考慮了，相信你也不用他瀏覽手機網站，否側太沒品位了，那咱今天就說說其他的：Chrome和Safari兩個瀏覽器，在無任何擴充的情況下怎麼來類比手機瀏覽器。

其實，還是如前言裡說的，就是修改瀏覽器的User Agent，來讓那些以User Agent為判斷標準的網站認為你當前的瀏覽器為手機瀏覽器，從而呈現手機頁面。

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

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

1. 開啟Chrome的開發人員工具，快速鍵“Ctrl+Shift+I”開啟、或者右鍵——審查元素，等等
2. 在開發人員工具的右下角（可能因版本不同而位置不同），點擊開啟小齒輪狀的設定按鈕
3. “設定”裡面的第二項“Overrides”，映入眼帘的第一項就是“User Agent”了，打上對鉤，就可以選擇相應的主流User Agent了，當然，選擇最後的“Other”你還可以添加自己需要的User Agent。

選擇對應的User Agent後，如果當前瀏覽網址為PC頁面，且是以User Agent為判斷標準的，那麼重新整理就會跳轉到對應的手機頁面，同樣，如果直接存取手機頁面，也就不再跳轉。

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

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

PS：據說有人利用類比地理位置這個功能來成功滴類比了自己的世界各地發布的微博、QQ說說等，如果你想屌絲下，那就試試吧，足不出戶全球發微博、說說。

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

Safari——使用者代理程式

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

1. 首先，瀏覽器右上方的“設定”——“喜好設定”——“進階”，把“在功能表列中顯示‘開發’菜單”這個勾勾上
2. 然後功能表列裡就多出來一個“開發”了，“開發”下面的“使用者代理程式”，OK，你明白了吧。
   
   當然，最後也有其他的，可以自己添加。

其它瀏覽器

安裝了個遨遊的最新版，方法同chrome。

opera沒裝就不說了，也是有的，自己找找啊。

About admin格桑View all posts by admin →This entry was posted in 前端技巧, 小知識, 移動開發 and tagged chrome, safari, 類比手機瀏覽器. Bookmark thepermalink.