移動WebApp利用Chrome瀏覽器進行調試

標籤：

詳細的請看這個(HBuilder是我長期使用，而且值得支援的國內前端開發編輯器)

http://ask.dcloud.net.cn/article/151

http://ask.dcloud.net.cn/article/69

對於上面教程要注意的問題：

1，不需要考慮run in device問題，因為他們的軟體設計改變了。

2，你必須要建立一個“移動App”，我這裡的是h5+。

我主要是分析我遇到的問題：

(這幾天，我會把一整套上傳百度雲端硬碟，如果可以的話，然後共用)

共用的檔案可以讓你不需要下載那煩人的SDK的安卓4.4.2版本，因為要FQ，所以速度會很慢。

同時，我用的軟體是JDK8，SDK 23的版本。 如果出現問題，你自己再重新下載SDK吧。

1，環境搭建

安卓的東西肯定要先搭建JAVA環境的，所以這個你要百度或Google搜尋下載JDK軟體

http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

可以參考這個環境變數的配置。

2，Intel HAXM  

我安裝這個的時候發現：SDK下載是沒有這個東西的，然後就去官方下載了，再然後我就出現錯誤了：

提示的是:Intel Virtualization Technology (VT-X) 沒開啟，所以就算你安裝了SDK,JDK這些也沒用。

解決方案：百度下你自己的電腦如何進入bios裡面  Intel Virtualization Technology (VT-X)設定成Enable 。

3，建立模擬器

記得在SD card那裡設定好2G 哦，相對來說，你的模擬器設定成跟平常手機的記憶體和SD card差不多一樣的話，以後就好調試了。

4，DevTools

模擬器搭建成功後，記得在裡面找這個DevTools，然後選擇USB 調試(USB Debugging)，記得打勾就行。

5，inspect 該注意的問題

在Chrome地址欄，輸入“about:inspect”或通過“菜單”->“工具”->“檢查裝置”開啟裝置檢查頁面：

一般情況下，你會發現是空白的，原因是Google服務(國內屏蔽了)所以你要準備好FQ，同時一般情況下，FQ只需要一次就夠了，因為會有緩衝。

 

成功實現手機web應用利用Chrome瀏覽器進行頁面調試，這樣你就可以用在PC調試的方法來進行手機應用調試了。

 花了一天時間來解決這個問題，問題解決了還是值得的。

移動WebApp利用Chrome瀏覽器進行調試