About the Quick Source Tool

  • You can open a file by pressing “Ctrl+P” and then searching and selecting the required file. All open files will have their own tab which is useful to navigate around and you can also close the tab using the cross icon in each tab.
  • At the bottom, you will find the line, column, and coverage information of the respective file. At the left, there is a format button “{ }” which is used to format the code.
  • You can’t edit the file at first when you open it. To edit it click on the file and select Override content.
  • On the left of the line numbers, you can add breakpoints to that specific line for debugging purposes.

UI of Quick Source Tool

Quick Source Tool in Microsoft Edge

The Quick Source Tool is used to edit or view files on the web page. This is a lite version of the Sources tool used alongside other DevTools without the need for switching tabs. You can override the files according to your needs and view the changes live on the web page.

Table of Content

  • Benefits of Quick Source Tool
  • How to open Quick Source Tool in Edge?
  • About the Quick Source Tool
  • Showing usage of Quick Source Tool
  • Conclusion

Similar Reads

Benefits of Quick Source Tool

The various benefits of Quick Source Tool are:...

How to open Quick Source Tool in Edge?

The Quick Source Tool is present in the DevTools in Edge. To open it follow these steps:...

About the Quick Source Tool

You can open a file by pressing “Ctrl+P” and then searching and selecting the required file. All open files will have their own tab which is useful to navigate around and you can also close the tab using the cross icon in each tab. At the bottom, you will find the line, column, and coverage information of the respective file. At the left, there is a format button “{ }” which is used to format the code. You can’t edit the file at first when you open it. To edit it click on the file and select Override content. On the left of the line numbers, you can add breakpoints to that specific line for debugging purposes....

Showing usage of Quick Source Tool

Let’s use the tool on the GFG site and view various files on the page....

Conclusion

To view and modify code while working with DevTools other than Sources Tool, Edge provides Quick Source tool which is used to only view and edit the code of the respective file. You can search around the code or format the code for proper viewing....