How to Open Changes Tool in Edge:
The tools are present in the DevTools section in Edge, which you can open using the shortcut keys “Ctrl+Shift+I” or F12. Alternatively, you can right-click anywhere on the webpage and select Inspect from the context menu.
There are multiple ways to open this tool in DevTools:
- Using the Add button in the Toolbar: In the top of DevTools, there is an add button. On pressing that, you will get a list of various tools; click on Changes from that list.
- Using More Tools menu: In the top-right corner of DevTools, there is a button with three dots. On clicking, it will open a menu. Select More Tools > Changes.
- Using the run command: Anywhere in DevTools, press “Ctrl+P” to turn on the run command search menu. Type “Changes” and then select “Show Changes” from the list of various options that is displayed by the Run command menu.
Using the Changes Tool in Microsoft Edge:
The tool is The UI is divided into two parts: the left sidebar provides the list of file changes, and the right file content viewer displays the portion of source code in color that is being changed in the selected file with the respective line numbers before and after the changes made to the file. At the bottom, you have two buttons: one is “Revert all changes to the current file” and the other is “Copy all changes from the current file.
- (+) indicates inserted line and is colored as green.
- (-) indicates deleted line and is colored in red.
1. Opening a File in Sources Tab
You can move from the changes tab to the source tab by clicking on the change code in either the green or red lines. On clicking it, it will open the respective file in the Sources tab.
2. Revert All Changes of a File
On clicking the revert button, the current selected file gets back to its original state. This can be used by developers to undo all the changes made and get back the original code.
3. Copy All Changes of a File
You can copy the specific portion of the source code where the changes are made. On pressing this button, the selected file changes get copied to the clipboard.
Changes Tool in Microsoft Edge Browser
The Changes Tool in Edge acts as a history page for various changes made to the webpage source files. While using multiple DevTools, you may knowingly or unknowingly change many things related to the web page’s CSS and JS code. To check all these changes, which you may use to change your actual source code, this tool is used.