對于網(wǎng)站開發(fā)人員開發(fā)手機(jī)網(wǎng)站的時候,經(jīng)常需要對iphone(蘋果)端和Android(安卓)端兩個系統(tǒng)顯示效果的測試。這樣來回的折騰很不方便,下面我們在電腦版火狐瀏覽器通過添加User-Agent Switcher插件來實現(xiàn)手機(jī)端測試。下面我給大家說下步驟。
準(zhǔn)備工具
火狐瀏覽器
User-Agent Switcher插件
使用步驟如下
打開火狐瀏覽器,我們看到右上角有三個橫崗
點擊橫崗會出現(xiàn)一個下拉菜單,我們會看到菜單中有一項附件組件
點擊開附加組件,我們會看到如下圖輸入User-Agent Switcher搜索
搜索后我們會看到一列User-Agent Switcher插件,我們就選第一個看下效果。其他幾個大家可以試下找到自己喜歡的插件。
點擊上面選的插件后,我們會看到下圖所示,點擊添加到Firefox。
點擊后會下載,下載后點擊添加--確定。
完成上面的步驟我們會看到右上角多出現(xiàn)了一個圖標(biāo)。如下圖所示。
點擊開后,我們會看到下圖,有桌面端和移動端。咱們可以選擇移動端的來實現(xiàn)手機(jī)網(wǎng)站開發(fā)調(diào)試,就不用打開手機(jī)進(jìn)行調(diào)試了,是不是效率提高了很多。
我們選擇移動端的火狐瀏覽器預(yù)覽效果
下面我們打開m.evoucherdeals.com看下效果,是不是和手機(jī)端的顯示效果一樣。如下圖我們可以看到和手機(jī)端的顯示效果一樣。對于網(wǎng)站手機(jī)端開發(fā)的調(diào)試是不是很方便。
注意事項
調(diào)試完后記得調(diào)回默認(rèn),不然流量網(wǎng)站都是手機(jī)模式
根據(jù)需求選擇桌面端和移動端。