English
See more
A lite and free JavasScript, CSS and HTML beautifier for your browser.
Latest Version
Version
0.1.3
Update
April 17, 2024
Size
222KiB
Developer
Category
Users
5,000+ 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ContextMenus
See more
ContextMenus
Code Beautifier (JS, CSS, HTML) Extension
Code Beautifier, is an extension that lets you easily beautify codes in your browser. This addon supports JavaScript, CSS, and HTML as input languages. You can either browser files via the (+) button at the UI (top-left corner) or drag & drop a file in the left textarea. The former method is preferred as the coding language for the input file can be detected automatically and the interface will be updated accordingly (no need to adjust the input language manually).
Code Beautifier can work offline without the need for an internet connection. It uses an open-source library called \"js-beautify\" and available in this (https://github.com/beautify-web/js-beautify) GitHub repo. Moreover, it also uses the famous CodeMirror (https://github.com/codemirror/CodeMirror) library to format the input and output codes. Within the interface, there are several buttons at the top toolbar which are self-explanatory. There is also a settings list at the top which contains several options for the beautifier. Change any desired settings and see the live result in the output field. To download the beautified result, please click on the download button at the top toolbar.
If you have a feature request or found a bug to report, please fill the bug report form on the addon's homepage (https://mybrowseraddon.com/code-beautifier.html).
Read more
Code Beautifier can work offline without the need for an internet connection. It uses an open-source library called \"js-beautify\" and available in this (https://github.com/beautify-web/js-beautify) GitHub repo. Moreover, it also uses the famous CodeMirror (https://github.com/codemirror/CodeMirror) library to format the input and output codes. Within the interface, there are several buttons at the top toolbar which are self-explanatory. There is also a settings list at the top which contains several options for the beautifier. Change any desired settings and see the live result in the output field. To download the beautified result, please click on the download button at the top toolbar.
If you have a feature request or found a bug to report, please fill the bug report form on the addon's homepage (https://mybrowseraddon.com/code-beautifier.html).
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.1.3", "manifest_version": 3, "offline_enabled": true, "short_name": "code-beautifier", "name": "Code Beautifier (JS, CSS, HTML)", "permissions": ["storage", "contextMenus"], "homepage_url": "https://mybrowseraddon.com/code-beautifier.html", "description": "A lite and free JavasScript, CSS and HTML beautifier for your browser.", "commands": { "_execute_action": {} }, "background": { "service_worker": "background.js" }, "action": { "default_title": "Code Beautifier", "default_icon": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png" } }, "icons": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png", "128": "data/icons/128.png" }}
Read more
