ucbug軟件站:安全、綠色、放心的專業(yè)下載站!首頁|最近更新|專題集合|標(biāo)簽云|站內(nèi)導(dǎo)航|加入收藏

怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

時間:2020-04-11 09:21:15來源:本站原創(chuàng)人氣:0

對于網(wǎng)站開發(fā)人員開發(fā)手機(jī)網(wǎng)站的時候,經(jīng)常需要對iphone(蘋果)端和Android(安卓)端兩個系統(tǒng)顯示效果的測試。這樣來回的折騰很不方便,下面我們在電腦版火狐瀏覽器通過添加User-Agent Switcher插件來實現(xiàn)手機(jī)端測試。下面我給大家說下步驟。

對于網(wǎng)站開發(fā)人員開發(fā)手機(jī)網(wǎng)站的時候,經(jīng)常需要對iphone(蘋果)端和Android(安卓)端兩個系統(tǒng)顯示效果的測試。這樣來回的折騰很不方便,下面我們在電腦版火狐瀏覽器通過添加User-Agent Switcher插件來實現(xiàn)手機(jī)端測試。下面我給大家說下步驟。

準(zhǔn)備工具

火狐瀏覽器

User-Agent Switcher插件

使用步驟如下

打開火狐瀏覽器,我們看到右上角有三個橫崗

怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

點擊橫崗會出現(xiàn)一個下拉菜單,我們會看到菜單中有一項附件組件

怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

點擊開附加組件,我們會看到如下圖輸入User-Agent Switcher搜索

怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

搜索后我們會看到一列User-Agent Switcher插件,我們就選第一個看下效果。其他幾個大家可以試下找到自己喜歡的插件。

怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

點擊上面選的插件后,我們會看到下圖所示,點擊添加到Firefox。

怎樣在Firefox火狐瀏覽器模擬手機(jī)端模式

點擊后會下載,下載后點擊添加--確定。

怎樣在Firefox火狐瀏覽器模擬手機(jī)端模式

完成上面的步驟我們會看到右上角多出現(xiàn)了一個圖標(biāo)。如下圖所示。

怎樣在Firefox火狐瀏覽器模擬手機(jī)端模式

點擊開后,我們會看到下圖,有桌面端和移動端。咱們可以選擇移動端的來實現(xiàn)手機(jī)網(wǎng)站開發(fā)調(diào)試,就不用打開手機(jī)進(jìn)行調(diào)試了,是不是效率提高了很多。

怎樣在Firefox火狐瀏覽器模擬手機(jī)端模式

我們選擇移動端的火狐瀏覽器預(yù)覽效果

怎樣在Firefox火狐瀏覽器模擬手機(jī)端模式

下面我們打開evoucherdeals.com看下效果,是不是和手機(jī)端的顯示效果一樣。如下圖我們可以看到和手機(jī)端的顯示效果一樣。對于網(wǎng)站手機(jī)端開發(fā)的調(diào)試是不是很方便。
怎么在Firefox火狐瀏覽器上模擬手機(jī)端模式訪問

注意事項

調(diào)試完后記得調(diào)回默認(rèn),不然流量網(wǎng)站都是手機(jī)模式

根據(jù)需求選擇桌面端和移動端。

標(biāo)簽火狐瀏覽器