Manipulate complex JSON files using DevTools
- I copy the JSON data content from a text editor.
- I open the Snippet pane in the Sources tool (learn more about snippets).
- Finally I extract the data again using the
copyfunction, and paste it back into my text editor (learn more about copy).
Take a look at the following video to see my workflow in action:
Note that while the workflow works in every browser, the Snippets pane only exists in Edge and Chrome. In Firefox, you can use the multi-line console to do the same thing.