JavaScript and CSS formatter/syntax highlighter
What is PrettyPrint?
PrettyPrint is a Chrome extension that provides syntax highlighting and formatting for JavaScript and CSS code. It is based on Webkit syntax highlighter and utilizes jsbeautifier and cssbeautify for code formatting.
Extension stats
This extension was removed from Chrome Web Store on
2023-06-21
By: gildas
Users: 17,966+
Rating: 3.86
(100)
Creation date: 2012-11-02
Risk impact: High risk impact
Risk likelihood: High risk likelihood
Manifest version: 2
Permissions:
Size: 57.98K
Email: gi*****@gmail.com
URLs: Website ,Privacy policy
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
This extension is based on :
- Webkit syntax highlighter
- jsbeautifier (http://jsbeautifier.org)
- cssbeautify (http://senchalabs.github.com/cssbeautify/)
User reviews
(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.
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.
Stopped woring! Used to work on older versions but not it does nothing.
Extension safety
Risk impact
PrettyPrint requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.
Risk likelihood
PrettyPrint may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to PrettyPrint:
JSBeautify for Google Chrome™ DevTools Theme: Zero Dark Matrix Syntaxtic! Swoosh Cookie and Local Storage Specialist JavaScript and CSS Code Beautifier Code Cola CSS Dig JScript tricks Pretty HTML | CSS | XML Sight XML Tree jQuery Debugger Live CSS Editor Quick source viewer CSSViewer Tealium Tools OctoLinker Emmet LiveStyle JS Runtime Inspector CSS Shapes Editor JSON Finder Octotree - GitHub code tree Bootstrap Twitter Offline Docs LiveReload
Thomas Rix
3.69
7,000+
Maurice Cruz
4.72
20,000+
andrew.j.matheny
4.08
7,000+
https://steampunck.github.io
3.94
10,000+
http://c7x.me
4.29
51,082+
https://www.zhouqicf.com
4.63
30,000+
https://cssdig.com
2.86
10,000+
szamil
4.22
2,000+
https://linangdata.com
3.25
4,000+
tsenart
4.33
8,000+
alan.stroop
4.03
100,000+
Unknown
3.65
20,000+
https://www.livecsseditor.com
3.81
30,000+
Tomi Mickelsson
3.63
30,000+
M.ed
4.40
200,000+
https://tealium.com
4.50
30,000+
https://octolinker.vercel.app
4.88
20,000+
https://emmet.io
4.36
20,000+
Anvaka
4.18
2,000+
Razvan Caliman
3.82
10,000+
Rapee Suveeranont
4.10
4,000+
https://octotree.io
4.86
300,000+
https://titiskaifa.me
4.60
5,000+
https://livereload.com
3.80
100,000+