HomeOur Team

Visual representation of the code in Dev Tools

By Andra Smith
Published in How To
August 10, 2021
1 min read

When viewing the source site in the browser through the developer tools is not uncommon to meet minifitsirovannuyu version of the file.

This is where extra line breaks, spaces, etc. are removed to reduce file size. For such a task, this is certainly a great option, but it becomes difficult to view such code.

But here’s a simple life hack how to bring minified files to a readable form. To do this, open the file of interest in the Sources tab.

In our case, this is jquery-ui.min.js, which is loaded by default when viewing a telegram channel in a browser using the corresponding link.

After opening the file, you must click on the blue buttonPretty-print. As a result, the code from the file is converted into a formatted and more readable format. This is clearly shown in the screenshot.


Tags

#lifehack#devtools
Previous Article
How to create a broken file
Andra Smith

Andra Smith

Creative Designer

Related Posts

How to anonymosly watch Instagram stories
October 12, 2021
1 min
© 2022, All Rights Reserved.

Quick Links

Our TeamContact Us

Legal Stuff

Social Media