PrettyPrint (delisted)

nipdlgebaanapcphbcidpmmmkcecpkhg

JavaScript and CSS formatter/syntax highlighter

Latest reviews

• (2023-01-20) Radley Sustaire: (Comment updated Jan '23, this extension seems abandoned, see edits) Pros: - Highlighting looks good - You can change the indentation, I use two spaces Cons: - Clicking reset button is automatically saved, so if you click it accidentally you are screwed. - Does not convert url(/images/img.png) to a link, which would be handy - After prettifying the line numbering is completely useless, as it adds it separates lines. Notepad++ has a solution for this if you turn word wrapping on, this should be adopted. Update: 1. I found in some cases the script actually changes. For example the minified version of Selectize 0.15.2 works fine if copied into chrome JS console and ran directly. If you use pretty print and then copy the code, it gives an error. In that example the Pretty Print extension converts """ to """ which causes a syntax error. 2. The colors are completely unusable because my source code page uses a dark background and the theme is designed for a light background. Half of the code isn't readable, so I have to get rid of it anyway. This has not been addressed since June 2022 and the extension hasn't been updated since 2012 lol.
• (2022-06-14) Nima Sajedi: What I wanted. Thanks for the work. I think it'd be good if you add an option to revert the code back to its normal mode (un-beautified & un-indented). Currently, a workaround to do that, is though reloading the page.
• (2022-05-20) Mayank Raichura: Stopped woring! Used to work on older versions but not it does nothing.
• (2022-05-17) Dave Milsom: Doesn't work w/ dark mode and has not been updated since 2012.
• (2022-02-24) Shivesh Chandra: Very hart to read Formatted JSON in Dark Mode. Please add CSS for Dark Mode.
• (2021-08-28) Stav Avraham: Not doing anything at all
• (2018-04-18) 王龙: very good,thank you
• (2016-10-26) Leon Kessler: Didn't work with a json request (even though the response header had content-type: application/json)
• (2016-08-16) Sudhir Gupta: superb.. its very helpful for developer. use this tool when u inspect others website and want to fin something in js or css.
• (2015-12-18) Afif Fahmi: Crash a lot of time
• (2015-10-15) eye blue: 2015/10/15: It doesn't work anymore. Change to 1 star. 2013/8/18: This extension works great and as pretty as the editor window of an IDE. It also has line number. But I can't find the extension icon - that's why I give 4 stars.
• (2015-06-30) Umesh Vishwa: This is what I was looking for. It is good to view minify css file in your browser.
• (2015-02-16) Colin Richardson: Doesn't allow you to prettify code you want.. You need to save it and then open it up in chrome. Need something that you can open up in a panel and paste and have it prettify.
• (2014-12-09) Ram Prasad: It served my purpose of pretty-fying the exiting js.
• (2014-11-25) Pham Hong: Ngon nhất trong các extension mà mình đã từng sử dụng
• (2014-10-29) Nishant Arora: works great, try opening a js file from source code.
• (2014-10-29) Mark Mykkanen: Sucks. Non-functional.
• (2014-10-21) Marina Flores: Pésima solo da publicidad
• (2014-07-29) Greg A. Woods: It was great when it worked, but since the last few updates of Chrome (dev channel), it renders text as white on white, making most everything invisible.
• (2014-07-08) Kostia Newt: Does not work.
• (2014-05-29) Ken C.: To inspect the JS or CSS of a web page: 1. Open a web page. 2. Right click anywhere and select Inspect Element (or otherwise bring up developer tools as you wish). 3. Click the Sources tab. 4. Right click any js or css file and select Copy Link Address. 5. Paste into the URL field of another tab. BOOM! It nicely formats the JS or CSS and makes it much easier to see what is going on and search for things. Very nice plugin!
• (2014-02-14) Daniel Ceregatti: Flat out doesn't work.
• (2014-02-01) Nathan J. Brauer: People: You don't "launch" or "run" this extension. Just open a JS or CSS file and it will automatically prettify it!
• (2013-10-07) Jason Nerida: Can't figure out how to launch this extension.
• (2013-09-08) Don Shelman: I downloaded it, but it doesn't show up in my list of Chrome apps, so I can't run it.
• (2013-06-27) Jose Padilla Espinoza: buena extensión para revisar la sintaxis gracias :)
• (2013-06-25) Daniel Sinclair: doesn't work at all unless the resource has a .js file extension :(
• (2013-03-22) jianbao wen: very good,thank you
• (2013-02-19) Terry Cai: in PrettyPrint options page: have two '<label for="auto_indentation">beautify</label>',but one 'auto_indentation' id.
• (2012-10-23) Kevin Sparks: Very helpful
• (2012-09-22) James X. Li: I was not able to find a way to start the application. After I installed, I can find the application icon on chrome.

Latest issues

• (2022-06-25, v:0.0.25) Radley Sustaire: Dark mode hard to see
  With OS's dark mode enabled the background color of JS/CSS files is dark gray. This plugin makes CSS selectors black, properties bright red, and symbols white. I can't read the css selectors, and what I can read has so much contrast it hurts. Turning off beautify doesn't help. Is there a way to keep all of the prettyprint features and simply disable the color? I just like using the formatting.
• (2021-06-18, v:0.0.25) Kevin Batdorf: JS arrow functions adding space
  See here: https://unpkg.com/[email protected]/dist/cdn.js screenshot: https://prnt.sc/15t34sg
• (2017-11-03, v:0.0.25) 鄒文非臉書社團「生活享樂真實事」!（今日大話新聞）: conflict with "JavaScript and CSS Code Beautifier"
  conflict with "JavaScript and CSS Code Beautifier" extension casued by injected stylesheet: table { width: 100%; }
• (2017-06-12, v:0.0.25) Tanya Salcido: No print option
  The icon in my chrome is grayed out and doesn't give me the print option.
• (2017-04-28, v:0.0.25) Nomentsoa Andrian.: Doesn't always work
  Often when you need it to prettyprint, it simply doesn't. I don't know if it is related but the JS console says this when I fails to prettyprint a file, a big JS file in my case: "Resource interpreted as Document but transferred with MIME type text/javascript"
• (2016-03-04, v:0.0.25) pretty print in dev tool
  Hi, I see compiled css in the source tab of chrome dev tool. I would like to pretty print it. How can i do it without opening the content in a new tab?
• (2015-01-14, v:0.0.25) Sublime/Textmate theme
  It would be awesome if we could have sublime/textmate theme colors: http://i.imgur.com/pVFcJTq.png
• (2014-03-28, v:0.0.25) Robert Rotaru: Content Security Policy
  I'm getting "Refused to apply inline style because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'style-src' was not explicitly set, so 'default-src' is used as a fallback" when using this extension. The result is that the inline style of the line numbers is not applied, and instead I get a block of line numbers, and underneath it the block of prettified, indented code. (Note: was using this on minified raw GitHub code)