5
Well, as the question says, is there any way I can save locally in my browser the changes made in inspect element?. So that every time I go to that site, it’s edited like I did?
The preferred browser would be Google Chrome.
Thank you.
1 answer
7
Yes Gonçalo you can save everything done by Chrome Devtools right to your folders. Simply add path of its project in the WorkSpace Chrome and authorize the browser to save directly to the directory.
Follow partial text taken directly from official Chrome documentation: https://developers.google.com/web/tools/setup/setup-workflow?hl=pt-br
Add local source files to the workspace
To make editable source files from a local folder in the Sources panel:
- Right-click on the left pane.
- Select Add Folder to Workspace.
- Choose the location of the local folder you want to map.
- Click on Allow to give Chrome access to the folder.
Add folder to workspace:
Typically, the local folder contains the original site source files that were used to fill the server with site data. If you do not want to change these original files by working space, make a copy of the folder and specify it as the workspace folder.
Organize persistent changes
You have already mapped your local folder to the workspace, but the browser is still providing the folder’s network contents. To organize persistent changes automatically in the browser, simply paste local files from the folder into a URL:
- Right-click or hold Ctrl and click a file in the left pane of Sources.
- Choosing Map to File System Resource.
- Select the local file in the persistent workspace.
- Reload the page in Chrome.
Map file to URL:
After that, Chrome loads the mapped URL, displaying the contents of the workspace instead of the network content. Work directly in local files without repeatedly switching between Chrome and an external editor.
In the link cited above you have more information
Browser other questions tagged html google-chrome browser dev-tools
You are not signed in. Login or sign up in order to post.
does not exist as the inspect element you edit the html executed by your browser . q vc can do is to save the edited offline html page and access it from it.
– Jasar Orion
The "Inspect element" tool is for web developers, so they can inspect your site and make changes in real time. Unfortunately you cannot save the changes made with the Element Inspector. :(
– Felipe Scars Silva