Javascript-how does the front-end debug the Mobile Page shared by the APP? Very troublesome.

The APP background is written in PHP, And the sharing mechanism is also PHP. Now I want to adjust the sharing page of an internal page, but the beta APP is broken and no data is opened. Now, you can only debug the page on chrome. After debugging, you can change the page in the PHP file, but the effect must be different from that on your phone. So debugging... the APP is written in PHP on the background, and the sharing mechanism is also PHP.
Now I want to adjust the sharing page of an internal page, but the beta APP is broken and no data is opened.
Now, you can only debug the page on chrome. After debugging, you can change the page in the PHP file, but the effect must be different from that on your phone.
This makes debugging very troublesome.

Dear front-end experts, what are the best methods for debugging mobile phone pages?

Reply content:

The APP background is written in PHP, And the sharing mechanism is also PHP.
Now I want to adjust the sharing page of an internal page, but the beta APP is broken and no data is opened.
Now, you can only debug the page on chrome. After debugging, you can change the page in the PHP file, but the effect must be different from that on your phone.
This makes debugging very troublesome.

Dear front-end experts, what are the best methods for debugging mobile phone pages?

For inner page debugging, weinre can be used, but weinre cannot be used to open a breakpoint.
You can access it on the chrome end of your mobile phone, and then plug in the data line, and enter chrome: // inspect in chrome (you need to open the wall flip tool ).

A good article: creating the most comfortable webview debugging environment

If not, contact me by private letter.

You can try debuggap.

Why is the debugging page on chrome different from that on mobile phones? The rendering effect is almost the same.

There are several ways to choose

1. Simple and efficient: Install nodejs's third-party module anywhere
   You don't even need to run the code from the server on the official website. In addition, the folder to which you cd resides and which is your static server.

2. Mamp (mac) wamp (windows)
   If you are not familiar with the command line, you can try this apache and php packaging tool to enable the server with one click.

3. Chrome mobile phone Simulation

Thank you @ A small A for recommending my article

For versions earlier than Android 4.4, you can use wenire and then use Fiddler to capture, intercept, and simulate data;
After Android 4.4, you can use Chrome's inspect to plug in your mobile phone.

The above is a real machine test,
Finally, the simulator + packet capture tool + Chrome inspect makes it easier for you to get started in the development stage.

The above is the webview of Android. This can be done if you want to test iOS, but a special iOS package is required.