1. 如何用電腦PC瀏覽器模擬手機頁面
Chrome
在網頁按F12,打開開發者工具,單擊"切換設備工具欄"
IE
在網頁按F12,單擊工具,單擊更改用戶代理字元串,打開自定義。友好名稱隨意填
用戶代理字元串
Mozilla/5.0 (Linux; Android 4.1.1; Nexus 7 Build/JRO03D) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
其他設備UA可以自行網路搜索。
2. 如何用電腦PC瀏覽器模擬手機頁面
用電腦PC瀏覽器模擬手機頁面的方法
以網路首頁www..com為例,電腦上用Chrome打開,看到的頁面就是正常的電腦版網頁。
這時我們隨便在網頁上任何一處右鍵,都可以看到右鍵菜單最末尾處的「審查元素」,點擊它。
再看到網路首頁的界面變成了這樣,注意到偏右上角位置有一個小手機的圖標,點擊它。
找到偏左上角的選擇模式,在下拉菜單中有許多設備可供選擇,選擇了那種設備,瀏覽器的UA標簽就會改變,呈現的就是選擇設備的顯示方式。有kindle系列,ipone系列,ipad系列,nexus系列,還有一些平板設備一共46種豐富的選擇,如果沒有找到需要的還可以在下面的框裡面自定義UA。
選擇一個想要的樣子,之後刷新,就可以看到進入手機瀏覽器模擬瀏覽的樣子了。當然也可以自己自定義長寬。
在頂部還有一個選項是用來選擇網速的,列表越下面網速越快,主要是為了網頁調試而設計的功能。這個功能還可以用來自定義電腦網頁的網速,點左上角的禁止標志,選擇相應網速,再刷新,發現載入變慢了。有需求可以試下。