JavaScript-How does the frontend debug the mobile page that the app shares? It's a lot of trouble.

The app backend is written in PHP, and the sharing mechanism is PHP.
Now you want to adjust an inside page of the share page, but the beta app is broken, open no data.
Now only in Chrome above debugging page, debugging and then go to php file inside change, but the effect is definitely not the same as on the phone.
Such debugging can be cumbersome.

Everyone front-end big God, you debug mobile phone page What is the good way?

Reply content:

The app backend is written in PHP, and the sharing mechanism is PHP.
Now you want to adjust an inside page of the share page, but the beta app is broken, open no data.
Now only in Chrome above debugging page, debugging and then go to php file inside change, but the effect is definitely not the same as on the phone.
Such debugging can be cumbersome.

Everyone front-end big God, you debug mobile phone page What is the good way?

If it is in-page debugging, you can use weinre, but weinre cannot break the point.
You can access it on the chrome side of your phone, plug in the data cable, and enter Chrome://inspect in Chrome (you'll need to turn the circumvention tool on).

A good article to send: "To create the most comfortable WebView debugging environment"

If not, please contact me by private messages.

Debuggap can try.

Chrome above Debug Page Debugging page Why is not the same as the phone above? The rendering effect is basically the same.

There are several ways to choose

1. Simple and Efficient: Install Nodejs third-party modules anywhere
   Even the official website of the server code is not run, and, you CD to which folder, which is your static server

2. Mamp (Mac side) Wamp (Windows)
   Command line is not familiar, you can try this apache,php packaging tool, one-click Open the Server

3. Chrome Phone Simulation

Thank you @ A small a recommended my article

If you want the version prior to Android 4.4, you can use the Wenire, and then using Fiddler to grab packets, intercept, simulation data;
After Android 4.4, you can use Chrome's inspect and your PC to plug in your phone.

The above is a real machine test,
Finally, the simulator + Grab Bag tool +chrome inspect, so that you in the development phase is more convenient, do not rush

It says Android WebView, but if you want to test iOS, you can do this, but you need a special iOS package.

