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