'Why does any change made to the HTML using DevTools reset on refreshing the webpage?

I was just going through the DevTools in Chrome.
But stuck at a point.
Why does any change made to the HTML using DevTools reset on refreshing the webpage?



Solution 1:[1]

Any changes made by developer tools inside the loaded html file is temporary and only visible inside the currently loaded html page. The original file remains unchanged. You have to change your HTML file manually to make a permanent change in them.

Solution 2:[2]

Because you are not editing the HTML file on the server but the one downloaded from it

The devtools are debugging tools not coding tools

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Vega
Solution 2 CharybdeBE