你們好:css
最近我在作功能修改的時候常常會遇到手機頁面的樣式以及手機頁面特 效方面的各類問題,可是在電腦上又不能直接看到須要調試的js和相關的css,以爲比較頭疼,最近發現兩個比較好用的工 具推薦給你們,有興趣的能夠試試。html
第一款試試uc瀏覽器的遠程調試,現附上文檔 (developer.doc),我就不一一解釋了。android
現將惟一要說明的一點是(一下內容僅以安卓系統和windows系列爲例)web
adb的安裝windows
1.adb必定要選擇最新版本的不然在使用的時候會提示已通過期,下載安卓sdk(http://developer.android.com/sdk/index.html) 管理器。使用sdkmanager首先更新最近的platform-tools瀏覽器
2.將更新好的 platform-tools中的文件(以下圖)tcp
拷貝到 C:\Windows\System32文件夾中工具
3.打開命令行 安裝adb 輸入命令 adb 若是adb安裝成功則會顯示它的版本號測試
4.若是此時你用的是 uc瀏覽器直接按照說明來繼續下去就能夠了若是使用的是firefox請繼續按照如下步驟操做spa
5.下載最 新版本的firefox 電腦版本 以及 在手機上下載 Firefox for Android
6.在PC端 對firefox進行設置 在地址欄中輸入 about:config 出現提示頁面點擊我保證我會當心
7.在搜索欄中輸入remote
設置devtools.debugger.remote- enabled」 爲真 以後重啓firefox打開工具-web developer 就會看到connet選項
8.Firefox for Android 中作設置 地址欄中輸入 about:config
9.在搜索框中輸入devtools 點擊添加一個新設置 以後出現的全部提示框一概選擇肯定或者取消
10.找到 devtools.debugger.remote-enabled 設置爲 true 以後重啓
11.Firefox for Android作以下選擇 設置--開發者工具-遠程調試 在遠程調試後打勾。
12.使用usb數據線將電腦和手機作連接而且使用豌豆 莢或者360手機助手肯定已經鏈接好(肯定是否打開了usb調試)。
13.在PC端打開命令行 輸入 adb devices 應該有你使用設備的編號以等信息若是設備編號後面顯示的不爲device 而是offline請重啓手機以後鏈接,再運行此命令。
14.以後使用adb命令進行端口轉發,由於 Firefox for Android 和PC端上的firefox的默認遠程端口都是6000 因此若是不想改的話,就直接輸入adb forward tcp:6000 tcp:6000就行了(若是想改變端口數值請使用第六、7兩步中的方式找到端口設置,進行改變便可,改變完後必定要從新啓動。)
15.此時打開Firefox for Android 隨便找到一個網址打開。
16.打開pc端的firefox打開開發者工具找到設 置,將遠程調試打開
2014-01-02
以後找到connect選項
進行以下操做
點擊連接,此時若是連接成功手機上會顯示遠程鏈接的提示點擊容許或者肯定,以後就能夠進行正常的調試了。調試方法和 pc端是同樣的。
若是在之後的手機鏈接時有時候會出現adb啓動不了的狀況 首先測試adb 是否可用 在命令行中輸入
adb connect (www.baidu.com)網址 或者adb start-server
若是提示
adb server is out of date. killing...
則有多是adb 所啓動的端口被佔用 查找 什麼程序佔用的 5037 端口
netstat -ano | findstr "5037"
以後若是有程序佔用此端口即會顯示 此進程的進程ID,查殺此進程便可鏈接adb。