Human readable javascripts in chrome developer tools

by

Some browsers have a Pretty print button that looks like this {} and it appears for HTML, JS, and/or CSS depending on the browser.

Chrome has it in the in the Sources tab:

Chrome 40 pretty print button

Firefox has it in the in the Debugger tab

Firefox 35 prettify source button:

The position of these buttons may change, but it should always be in there

More Related Contents:

  1. Suppress Chrome ‘Failed to load resource’ messages in console
  2. How do you launch the JavaScript debugger in Google Chrome?
  3. How do I debug Node.js applications?
  4. How does Facebook disable the browser’s integrated Developer Tools?
  5. Find out whether Chrome console is open
  6. After calling chrome.tabs.query, the results are not available
  7. How do I view events fired on an element in Chrome DevTools?
  8. Can I programmatically open the devtools from a Google Chrome extension?
  9. $ Variable (Dollar Sign) in Chrome?
  10. Can I prevent the Chrome Developer Tools console from logging image 404 errors? [duplicate]
  11. Google Chromecast sender error if Chromecast extension is not installed or using incognito
  12. Why {} + {} is NaN only on the client side? Why not in Node.js?
  13. Javascript Debugging line by line using Google Chrome
  14. How can I view network requests (for debugging) in React Native?
  15. View list of all JavaScript variables in Google Chrome Console
  16. Tool to track down JavaScript memory leak
  17. how to set DOM Breakpoints in chrome
  18. Why will jQuery not load in Facebook?
  19. Calling a Javascript Function from Console
  20. How to get list of network requests done by HTML
  21. Chrome Dev Tools – Modify javascript and reload
  22. Chrome console already declared variables throw undefined reference errors for let
  23. Access function location programmatically
  24. How to find what code is run by a button or element in Chrome using Developer Tools
  25. Chrome debugging – break on next click event
  26. Console.log not working at all
  27. What does the “System” category of records mean in Chrome Timeline profiling tool?
  28. Why does Chrome Dev Tool show a dates __proto__ as Invalid Date?
  29. Link to chrome:// url from a webpage
  30. Chrome developer tools do not show all JavaScript files any more

Leave a Comment