Code Beautifier

With the Code Beautifier application, you can easily beautify JavaScript, CSS, and HTML codes. Simply open a file and then click on the beautify button. Several settings are available to adjust the beautifier on the top toolbar.

Please wait for the app to loads completely, then start using it by opening a minified JS, CSS, or HTML document. Once the file is loaded completely on the left textarea, please click the - Beautify - button. The result will be rendered on the right textarea. Before the beautify operation please make sure to choose the proper language based on the input file. In most cases, the app automatically detects the input language if you open the file via the file selector UI. The are several settings to adjust for the beautifier. Please click on the settings button to see all the available options. To download the file to your machine, please click on the download button. You can also select the output and copy the result to the clipboard via the available buttons in the top toolbar.

This web application is using "js-beautify" and "CodeMirror" for the beautify operation. js-beautify is available in (https://github.com/beautify-web/js-beautify) and CodeMirror is available in (https://github.com/codemirror/CodeMirror) GitHub repos respectively. These two libraries are purely base on web technologies and have a pretty good performance on modern browsers. This web application has a responsive UI design and works both on mobile and desktop machines.

This app is also available as a progressive web application. Please load the app in a browser that supports PWA, then follow the instructions to add the PWA to your mobile device. The first time you load the app, it fetches the data from the internet so it might be a little slow in loading. But, the next time you open the app it loads much faster as, all the data are cached in the memory. Code Beautifier app is also available as a browser extension. As an extension, this app does not need an internet connection and can be used offline in your browser. Download links for three popular browsers are as follows: Chrome, Opera, Edge, Firefox.

Related Blog Posts

1. How Can Zero-Width Characters Fingerprinting Be Detected: Just about every modern web browser that one uses supports zero-width characters. The characters might be added on to the text of a page without the user even knowing, as, the characters cannot be identified by the naked eye...
2. Clear Browser Cache: Just about everyone wants to know how to clear browser cache for their browser (Chrome, Firefox and Opera). It is an important diagnostic after all when one is having issues with the website loading or privacy...