Source code

Revision control

Copy as Markdown

Other Tools

---
myst:
substitutions:
image1: |-
```{image} pretty_print_icon.png
:width: 20```
---
# Pretty-print a minified file
To prettify a minified file, click the **Pretty print source** icon {{ image1 }} at the bottom of the {ref}`source pane <debugger-ui-tour-source-pane>`. The debugger formats the source and displays it as a new file with a name like: "{ } [original-name]".
```{image} pretty_print_source.png
:class: border
```
After you click the icon, the source code looks like this:
```{image} pretty_print_after.png
:class: border
```
The **Pretty print source** icon is available only if the source file is minified (i.e., not an original file), and is not already "prettified".
:::{note}
Currently Firefox [does not support](https://bugzilla.mozilla.org/show_bug.cgi?id=1010150) pretty printing inline Javascript.
:::