Chrome Devtools advanced debugging

1. Local coverage: Local overrides

Using our own resources to cover local resources used by the page ( CSS, JS, pages can be ).

Similarly, the use of DevToolsthe workspace is set to persist, the local folder mapped to a network, the chromedeveloper features inside to modify css styles, will directly change the local file, the page reloads, use of resources but also local resources, to achieve lasting of the results.

  • Create a folder to add alternative content locally;

  • Open Sources >; Overrides >; Enable local Overrides, select local files

  •  

     

  • Open Elements, edit styles, automatically generate a local file.

  • Return Sources, check the file, editing changes.

  •  


     

     

Guess you like

Origin www.cnblogs.com/alberGeng/p/11698823.html