Android via Chrome inspect debug WebView H5 app with blank page resolution (no FQ required)

Source: Internet
Author: User
Tags blank page chrome inspect

The most comfortable tool for debugging the WebView-based hybrid app is of course Chrome's own developer tools, including our familiar DOM tree debugging, JS debugging, network monitoring and more.

Google offers the steps to debug WebView on Android:

    1. Turn on the USB debugging feature on your phone
    2. Open Chrome Browser, address bar input: Chrome://inspect, enter
    3. Chrome automatically detects the apps that are open on your phone and lists the WebView pages that you can debug.
    4. Click Inspect, pop up developer tools to debug

The problem is here, for the domestic program ape, because unable to access https://chrome-devtools-frontend.appspot.com, can only appear blank page:

Why does Chrome want to visit that URL? Instead of providing a local solution? I guess the issue of version, for the massive version, are packaged into the chrome installer, it is bound to greatly increase the volume of the installation package.

For example, the above @169177 is one of the version numbers , when you change a device or emulator, the version number may be different.

Workaround:
    1. The most straightforward method: FQ. I am here for about 1 months and need to FQ again.
    2. Download the offline Developer Kit (need to tell me your version number, as in the red box)

Currently supported version numbers (constantly updated):

@169177 chrome/33.0.0.0
@178678 chrome/36.0.1985.135
@180870 chrome/37.0.2062.117
@183147 chrome/38.0.2125.114
@185626 chrome/39.0.2171.93
@186555 chrome/39.0.2171.95/99
@189407 chrome/40.0.2214.109
@189455 chrome/40.0.2214.120
@193433 chrome/42.0.2311.111
@196332 chrome/43.0.2357.93
@199588 chrome/44.0.2403.133
@200258 chrome/44.0.2403.117/119
@202161 chrome/45.0.2454.94
@56034b7e9233e7f8b0890dcd45094695a41082aa chrome/46.0.2490.76
@9c8ad225d4242d37d93a157e084f9532ada53365 chrome/47.0.2526.83
@10b809a56f75356820ad54f308f183b0a76abecc chrome/48.0.2564.95
@eb37b99908e3a6290792690b6eb4e4de2da8f374 chrome/49.0.2623.105
@78c36d241d8eebad599e33e13fe50f05393635ab chrome/50.0.2661.89
@211d45a5b74b06d12bb016f3c4d54095faf2646f chrome/51.0.2704.81
@f6f109cac2aba90ba6f01d89bd216f6b614357f5 chrome/51.0.2704.91
@799386cbf7c1cbf70c12c0e593b2b2e23e39ba30 chrome/52.0.2743.98
@7f5781e9210f9b7c8914adbc018590eec1ede150 chrome/53.0.2785.124
@e5934e0f324e72f35dac7868c9b554a4295b2ceb chrome/54.0.2840.68
@29f276b1ed3d8a76a0a1ae59734cca523f0c29c7 chrome/55.0.2883.84
@0e9a9a6f3676ae439b78cd9b3f62b4193c3ac7d5 chrome/56.0.2924.87
@a000f5daeaac3f79102a0c8f6eaab57aa0e00ae9 chrome/57.0.2987.108
@e76cc6b93d194dac46a61d88327a96a0d5cf9894 chrome/58.0.3029.83
@b0dab3af93f242c5e6e3a71a7319d060dc42a7c2 chrome/59.0.3071.92
@2375e691ad5e90a85748ddfc132e670208c9b07d chrome/60.0.3112.97
@6f76561d02fabc51d3afba83eefdd69e309a8b8c chrome/61.0.3163.81

Android via Chrome inspect debug WebView H5 app with blank page resolution (no FQ required)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.