The Android APP project is made of native Html5, and the cordova framework technology. Suffering from the inconvenience of debugging. Learn a little about browser debugging plugins.
Chrome Inspect
Using this debugging technique, debugging the opened pages in the mobile terminal - self-developed Hybrid APP, WeChat, UC, QQ, Douyin, etc., is as convenient as debugging in computer chrome.
Turn on the developer mode on the phone.
Take Pixel as an example
. Settings –> About –> Android version number card –> Quick connection click 7 times –> Turn on the developer mode
Settings –> System –> Developer options –> USB debugging Turn on
the phone and computer Use USB data cable link
Open the URL in the computer chrome (chrome://inspect/#devices)
Startup failed:
It is said that it is a vpn, and other browser debugging will be introduced later
Analysis of the reasons:
due to domestic network restrictions
Windows comes with Edge debugging
Chrome doesn't work here, I guess it needs a vpn.
Use the Edge browser that comes with Windows instead:
Address: edge://inspect/#devices
start up
Effect after clicking Inspect:
Perfect.
Other methods: QQ browser
Solution qq browser
1. Download qq browser
2. Open qqbrowser://inspect/#devices
3. Click inspect fallback
Note: the click is not inspect
Replenish:
WeChat debugging can be turned on
http://debugx5.qq.com