Recently, this tool has improved the development efficiency, many online problems are solved, so share; Also want to see what people like to use, or have a good tip to recommend

1. Introduce basic functions in a structured manner

Actually see his document can wproxy.org/whistle/

I think it’s more important

  1. Quick learning
  2. The matching principle

2. Actual scenario

2.1 Scenario: THERE is a bug in THE URL test environment and I want to develop it locally. How do I configure it?

Real_url is http://172.31.60.219:8080/js/app.js

2.2 Scenario: How to debug the native APP with webView? How to debug the native APP with WebView?

In fact, the same as the above agent, depending on what you want to replace

Note:

  1. Once you’ve configured this, you’re happy to start local development
  2. If you can catch the package but don’t see the actual change, remember to close and open the WebView again
  3. Once you open it back up, you can see it in action

Improved efficiency: especially for interfaces that use native applications; I can only change the code, post it to the online environment, and then look at the effect, and now with this, you can see the effect directly very quickly;

2.3 How Do I Pull the Console of the APP to the Local PC for Debugging

Refer to the article cloud.tencent.com/developer/a…

Let’s configure it first. The specific rules can be seen here

Then we can happily see the log on the mobile side, without the need for vConsole

Here can not help but say, quarrel good artifact, native, big front end, back end no place to hide (but I use very little, because there are better use below)

2.4 of course, there is also a very obscene way – js injection

2. 3.

The only function is to inject something like vConsole

2.5 Real mobile terminal page debugging [view and modify the DOM structure and style of real terminal page]

www.cnblogs.com/fafa-coding…

Really easy to use, recommend recommend

This tool for up-scaling the screen on your computer is a really efficient developer, and I don’t think I would have done it without it

3. The other

3.1 Plug-in Development

@TODO

3.2 NOhost: Whistle is a team-level whistle of multi-user, multi-environment and packet capture and debugging system based on Whistle.

I plan to build a set in the company. I don’t know if it can be implemented. If it can, I think it will be a good way to improve everyone’s efficiency

The benefits include:

  1. Shared environment
  2. Packet capture debugging:
  3. History: Environment configuration and data settling down
  4. Plug-in extensions: such as Inspect
  5. External interface

4. About installation

Wproxy.org/whistle/pri…

4.1 Browser Plug-in

4.2 Android Phone

www.cnblogs.com/lv-lxz/p/10…

Ios 4.3 mobile phones

4.3.1 The same LAN 4.3.2 Installing the certificate is the most troublesome, I also record it

Open your PC IP address plus port in Safari; The premise is that it must be under the same LAN

Open Settings – General – Profiles & Device Management to see your credentials;

Then install

And then to trust:

Settings – > General – > About – > Certificate Trust Settings

4.3.3 Then you set up the proxy

That way you can catch the bag on your phone

Finally: feel very easy to use, and then wrote this blog, do not know can help some students ~ feel to write things or have to strengthen the rigor!!

5. Other issues

5.1 After SwitchyOmega opens the proxy, “Your connection is not private” is displayed

You need to install a certificate so that you can access HTTPS and pass certificate authentication