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

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

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

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

1.修改user-agent

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

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

645813a3ga24b02207d28&690&690

645813a3ga24b0276038d&690&690

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

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

User Agent Switcher是模擬User Agent(UA)的組件,就是讓瀏覽器假裝成手機(jī)UA頭,訪問手機(jī)網(wǎng)站時讓丫發(fā)給你一個適配頁面。
下圖是安裝好以后在 工具-〉附加組件-〉擴(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ī)頁面了

645813a3ga24b02d86931&690&690

額外的:7)批量導(dǎo)入UA列表

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

645813a3ga24b02f6f1f6&690&690

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

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

211724252668535

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

211725319337270

但我們看到打開QQ的站點并未被自動引到QQ的移動頁面,這樣只對響應(yīng)式設(shè)計的界面起作用,對想QQ這樣云端判斷,返回不同頁面的并不適應(yīng),這里就要配合上面的方法,再改下user-agent,即可實現(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ī)的,故對響應(yīng)式界面起作用,對判斷user-agent的網(wǎng)站不起作用,訪問qq,baidu等返回的都是電腦界面。

211040586017332

標(biāo)簽:

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

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

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