調試android chrome web page簡明備忘

標籤：android   code   java   http   tar   com   

必備工具 adb tools、android chrome

先開啟手機偵錯模式

adb forward tcp:9919 localabstract:chromedevtoolsremote

成功會提示* daemon not running. starting it now on port 5037 ** daemon started successfully *不成功的話用這個命令再試adb kill-server

接著開啟下面的連結，這裡的9919是上面adb命令中指定的

http://localhost:9919/

會看到這樣的一個個連結：

http://chrome-devtools-frontend.appspot.com/serve_rev/@176236/devtools.html?ws=localhost:9919/devtools/page/1

由於眾所周知的原因appspot是在異次元空間，我們需要用成本地的調試器

將...devtools.html替換成本地的chrome-devtools://devtools/bundled/devtools.html

chrome-devtools://devtools/bundled/devtools.html這個地址可能會不一樣可以用快顯視窗的方式開啟調試器在彈出來的調試器中按ctrl+shift+i來調試調試器，在新的調試器獲得這個地址(很拗口，但就是這樣)

有了正確的本地調試器地址後，可以用指令碼替換一下

```javascript

var tabs = document.querySelectorAll(‘a‘), localDevAdd = ‘chrome-devtools://devtools/bundled/devtools.html‘;

for (var i = 0; i < tabs.length; i++) { if (tabs[i].href && tabs[i].href.indexOf(‘/devtools.html‘) > -1) { tabs[i].href = tabs[i].href.replace(/.*devtools.html/, localDevAdd); }}

```

點擊對應的tab就可以看到調試器了。

圖文版 http://www.tuicool.com/articles/ZJfeAzi