用PC瀏覽器模擬手機瀏覽器(一):無擴展版


想瀏覽手機版,打開對應網址卻跳轉到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,如果你的沒有此功能,那么就升級吧。

Chrome截圖

Safari——用戶代理

同樣,Safari也有相應的功能,在這里叫做“用戶代理”。

  1. 首先,瀏覽器右上角的“設置”——“偏好設置”——“高級”,把“在菜單欄中顯示‘開發’菜單”這個勾勾上
  2. 然后菜單欄里就多出來一個“開發”了,“開發”下面的“用戶代理”,OK,你明白了吧。
    Safari截圖
    當然,最后也有其他的,可以自己添加。

其它瀏覽器

安裝了個遨游的最新版,方法同chrome。

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

About admin

格桑
This entry was posted in  前端技巧小知識移動開發 and tagged  chromesafari模擬手機瀏覽器. Bookmark the permalink.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM