響應(yīng)式的網(wǎng)站的好處是在不同屏幕的平臺(tái)均可以訪問(wèn)缭裆，現(xiàn)在的網(wǎng)站大多數(shù)都是響應(yīng)式的，這樣不用再為移動(dòng)端單獨(dú)開(kāi)發(fā)樣式了镣丑。響應(yīng)式網(wǎng)站我們也得在電腦平臺(tái)開(kāi)發(fā)，電腦端調(diào)試樣式很方便，開(kāi)發(fā)者使用的瀏覽器都會(huì)支持查看元素功能，通過(guò)這個(gè)功能可以很容易調(diào)試網(wǎng)站樣式并可以看到效果吨铸。一般情況手機(jī)界面我們可以縮小屏幕寬度來(lái)實(shí)現(xiàn)，或者通過(guò)瀏覽器的響應(yīng)式設(shè)計(jì)模式進(jìn)行調(diào)試祖秒。
不過(guò)有些情況是這樣的诞吱，我們?cè)诰W(wǎng)站中通過(guò)一些判斷設(shè)備的代碼，使得某些顯示在手機(jī)和電腦設(shè)備顯示不同竭缝，比如加入廣告狐胎，像百度廣告并不支持響應(yīng)式，而是手機(jī)廣告和pc廣告分離的歌馍，需要個(gè)字單獨(dú)添加握巢，我們就得用一下判斷代碼來(lái)。
之前想著松却，如果手機(jī)瀏覽器也有想pc啥時(shí)給你查看元素那樣的功能暴浦，那就可以方便多了溅话，可是發(fā)現(xiàn)并沒(méi)有這樣的瀏覽器，唯有個(gè)別瀏覽器支持查看網(wǎng)頁(yè)代碼功能歌焦，但是看到的只是純代碼飞几。
在使用火狐手機(jī)瀏覽器時(shí)，發(fā)現(xiàn)有遠(yuǎn)程調(diào)試功能独撇，試了之后屑墨，發(fā)現(xiàn)這是站長(zhǎng)們的福利呀。這功能可以通過(guò)pc調(diào)試手機(jī)上的網(wǎng)站纷铣。
火狐也有介紹卵史，硬是以前沒(méi)找到：Debugging Firefox for Android with WebIDE
使用條件：
一臺(tái)運(yùn)行著至少Firefox36或更新版本瀏覽器的桌面計(jì)算機(jī)或筆記本電腦
一臺(tái) 支持運(yùn)行 Firefox for Android 的安卓設(shè)備，并且安裝運(yùn)行了 Firefox for Android 35 或更高版本
兩臺(tái)設(shè)備使用USB連接起來(lái)
pc 版瀏覽器安裝ADB Helper組件
這三個(gè)條件具備后就可以輕松調(diào)試了
首先開(kāi)啟手機(jī)版瀏覽器遠(yuǎn)程調(diào)試功能：設(shè)置==》開(kāi)發(fā)者工具==》勾選通過(guò)USB遠(yuǎn)程調(diào)試
手機(jī)版這就設(shè)置好了搜立，
電腦安裝好ADB Helper組件后以躯，按Shift+F8（或者點(diǎn)菜單==》開(kāi)發(fā)者==》WebIDE），打開(kāi)WebIDE后啄踊，通過(guò)usb鏈接手機(jī)和電腦忧设，當(dāng)然得開(kāi)啟手機(jī)的開(kāi)發(fā)者模式和允許usb調(diào)試功能。鏈接后提示允許USB調(diào)試颠通？確定址晕。這樣才能調(diào)試到火狐瀏覽器。下來(lái)火狐瀏覽器彈出：入站連接顿锰，選擇允許谨垃。下來(lái)就連接上了
和調(diào)試pc網(wǎng)頁(yè)一樣，電腦調(diào)試撵儿，手機(jī)可以看到調(diào)試效果
