CODEWITHSUNDEEP
javascriptgoogle-chromeuser-interfacedeveloper-tools
Sotiris Zegiannis
Sotiris Zegiannis

Reputation: 465

Hide blank lines on google dev tools in the sources pane

I am using chrome's dev tools to debug an application.I was wondering how can i hide the empty lines that appear in a Javascript file.To be more specific,in the sources pane,i can see the javasript that accompanies the html page.There is a huge gap from line 2001 to 3454 and then there is javascript code again.I would like to make the code read better,so i would prefer not to view the empty lines.It this possible? Thank You.

Upvotes: 0

Views: 215

Answers (1)

j08691
j08691

Reputation: 207861

You can try the Pretty Print option at the bottom of Chrome's dev tools:

enter image description here

If you have trouble trying to read and debug minified JavaScript in the DevTools, a pretty printing option is available to make life easier. ...by clicking on the curly brace ("Pretty Print") icon in the bottom left corner, the JavaScript is transformed into a more human readable form. This is also more easy for debugging and setting breakpoints.

Upvotes: 1

Related Questions