中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

如何在電腦上測(cè)試手機(jī)網(wǎng)站(二)—— Firefox 篇

2018-07-20    來(lái)源:編程學(xué)習(xí)網(wǎng)

容器云強(qiáng)勢(shì)上線!快速搭建集群,上萬(wàn)Linux鏡像隨意使用

1.修改user-agent

和chrome一樣安裝插件修改user-agent的方法(參考上一篇文章:如何在電腦上測(cè)試手機(jī)網(wǎng)站(一)—— Chrome 篇)

1)下載firefox。點(diǎn)擊菜單,工具-〉附加組件-〉獲取附加組件。

645813a3ga24b02207d28&690&690

645813a3ga24b0276038d&690&690

2)查詢安裝三個(gè)組件:wmlbrowser、XHTML Mobile Profile以及User Agent Switcher

wmlbrowser、XHTML Mobile Profile是用來(lái)兼容解析WAP網(wǎng)頁(yè)格式的組件。

User Agent Switcher是模擬User Agent(UA)的組件,就是讓瀏覽器假裝成手機(jī)UA頭,訪問(wèn)手機(jī)網(wǎng)站時(shí)讓丫發(fā)給你一個(gè)適配頁(yè)面。
下圖是安裝好以后在 工具-〉附加組件-〉擴(kuò)展 中查看的已安裝組件。

645813a3ga24b0269b784&690&690

3)重啟firefox

4)設(shè)置UA:在 工具-〉Default User Agent-〉User Agent Switcher-〉Options…-〉New ->New User Agent

填寫一下Description和User Agent。主要是User Agent正確了就OK。

645813a3ga24b026d971e&690&690

645813a3ga24b024f0ead&690&690

645813a3ga24b029aa5db&690&690

5)選擇需要模擬的UA

645813a3ga24b02d4878e&690&690

6)大功告成,可以用PC假裝手機(jī)瀏覽手機(jī)頁(yè)面了

645813a3ga24b02d86931&690&690

額外的:7)批量導(dǎo)入U(xiǎn)A列表

這是fisio大大做的常用UA頭列表。請(qǐng)猛擊下載:常用UA頭列表。
工具-〉Default User Agent-〉User Agent Switcher-〉Options…-〉Import。導(dǎo)入即可。
當(dāng)然,沒(méi)事把UA頭Export導(dǎo)出做做備份也是一個(gè)不錯(cuò)的習(xí)慣。

645813a3ga24b02f6f1f6&690&690

2.火狐響應(yīng)式設(shè)計(jì)+修改user-agent

最近的火狐自己添加響應(yīng)式設(shè)計(jì)功能和3D試圖都很棒,打開火狐自己的控制臺(tái)(非firebug),找到右上角的響應(yīng)式設(shè)計(jì)按鈕。

211724252668535

打開后即切換到響應(yīng)式設(shè)計(jì)界面

211725319337270

但我們看到打開QQ的站點(diǎn)并未被自動(dòng)引到QQ的移動(dòng)頁(yè)面,這樣只對(duì)響應(yīng)式設(shè)計(jì)的界面起作用,對(duì)想QQ這樣云端判斷,返回不同頁(yè)面的并不適應(yīng),這里就要配合上面的方法,再改下user-agent,即可實(shí)現(xiàn)類似chrome的調(diào)試功能。

211727378946950

3.Firefox OS 模擬器

安裝的方法 參考這里:https://developer.mozilla.org/zh-CN/docs/Tools-840092-dup/Firefox_OS_%E6%A8%A1%E6%8B%9F%E5%99%A8#Installing

安裝完成后可打開如下界面,可用里面的瀏覽器打開網(wǎng)站即可,但這種方法打開的是電腦網(wǎng)站,而不是手機(jī)網(wǎng)站,也就是他的user-agent不是手機(jī)的,故對(duì)響應(yīng)式界面起作用,對(duì)判斷user-agent的網(wǎng)站不起作用,訪問(wèn)qq,baidu等返回的都是電腦界面。

211040586017332

標(biāo)簽:

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請(qǐng)與原作者聯(lián)系。

上一篇:.NET開發(fā)不可錯(cuò)過(guò)的25款高效工具

下一篇:.NET中的六個(gè)重要概念:棧、堆、值類型、引用類型、裝箱和拆箱