Android Web開發(fā)調(diào)試之Chrome遠(yuǎn)程調(diào)試

發(fā)表時間：2017-6-1

發(fā)布人：葵宇科技

瀏覽次數(shù)：39

無需原生開發(fā)基礎(chǔ)，也能完美呈現(xiàn)京東商城?！痘旌祥_發(fā)京東商城系統(tǒng)，提前布局大前端》課程融合vue、Android、IOS等目前流行的前端和移動端技術(shù)，混合開發(fā)經(jīng)典電商APP——京東。課程將各種復(fù)雜功能與知識點完美融合，從技術(shù)原理到開發(fā)上線，讓你真實感受到一個明星產(chǎn)品開發(fā)的全過程。功能實現(xiàn)之外，還有一流用戶體驗和優(yōu)秀交互設(shè)計等你一探究竟，拓寬開發(fā)眼界。

移動端的混合開發(fā)其實是依靠于webview控件與網(wǎng)頁進(jìn)行交互，那么在開發(fā)的過程中難免需要做一些調(diào)試的工作，那么webview上顯示的網(wǎng)頁如果去調(diào)試那？我使用的方式是：Chrome DevTools調(diào)試移動設(shè)備Brower Page Tabs/WebViews。

1、手機(jī)與電腦通過USB鏈接，打開手機(jī)開發(fā)者調(diào)試模式，就像我們平時真機(jī)調(diào)試應(yīng)用的時候一樣。
2、如果要對webview進(jìn)行調(diào)試，必須使webview處于允許調(diào)試狀態(tài)，webview為我們提供了一個方法

/**
Enables debugging of web contents (HTML / CSS / JavaScript) loaded into any WebViews of this application   默認(rèn)為false
*/
webview.setWebContentsDebuggingEnabled(boolean);

3、打開chrome，直接在瀏覽器地址欄輸入chrome://inspect 或者about:inspect，保持Discover USB devices鏈接。