Try sledgehammer Chrome to debug your app

Introduction

Both Web-side and app-side, the performance optimization method for front-end pages is the same, and the idea is universal. In the "front Page Performance test popularization lesson" has been explained in detail, here no longer elaborated, interested can see, address: http://edu.51cto.com/course/9202.html

The following app debugging is the same for the WebView optimization.

Preparation steps

Phone root

Open developer mode

Turn on USB debugging

Connect your computer using a data cable

Install chrome on your local computer.

Debug WebView Web page

Start Chrome, and enter Chrome://inspect

Launch a browser or chrome to visit any website

650) this.width=650; "src=" Https://s3.51cto.com/wyfs02/M02/06/B6/wKiom1m8yjHDuvudAAFEE6Ogawo813.png "title=" Qq20170916145125.png "width=" "height=" 388 "border=" 0 "hspace=" 0 "vspace=" 0 "style=" WIDTH:500PX;HEIGHT:388PX; "alt = "Wkiom1m8yjhduvudaafee6ogawo813.png"/>

Click on the inspect below the URL you want to analyze, then go to the Debug tool, and no difference on the PC

PS: If you click on the inspect after the white page, then you need to turn over the wall .....

650) this.width=650; "src=" Https://s4.51cto.com/wyfs02/M02/06/B6/wKiom1m8yprh8ssEAAe8RhG87nY113.png "title=" Qq20170916145312.png "width=" "height=" 357 "border=" 0 "hspace=" 0 "vspace=" 0 "style=" WIDTH:500PX;HEIGHT:357PX; "alt = "Wkiom1m8yprh8sseaae8rhg87ny113.png"/>

Debug app

If you want to debug App,app must be a debug version or open the Cordova packaged app, in short, the app code needs to do some configuration (specific development will be done, you don't have to worry about)

650) this.width=650; "src=" Https://s3.51cto.com/wyfs02/M01/06/B7/wKiom1m8y6Kh3tx-AAEOydjakCw873.png "style=" float : none; "title=" 1.png "alt=" Wkiom1m8y6kh3tx-aaeoydjakcw873.png "/>

650) this.width=650; "src=" Https://s3.51cto.com/wyfs02/M01/A5/67/wKioL1m8y3fxpLn3AATjvrLPyPo725.png "style=" float : none; "title=" 2.png "alt=" Wkiol1m8y3fxpln3aatjvrlpypo725.png "/>

650) this.width=650; "src=" Https://s2.51cto.com/wyfs02/M02/06/B7/wKiom1m8zI2DTQrcAAAc2Ty2IOI277.jpg "title=" Public number 140x140.jpg "alt=" Wkiom1m8zi2dtqrcaaac2ty2ioi277.jpg "/>

This article is from the "Cockroach Performance automation test brand" blog, please be sure to keep this source http://xqtesting.blog.51cto.com/4626073/1965839

Try sledgehammer Chrome to debug your app