How To Edit A Webpage With Inspect On Mac?

Open Safari, Chrome, or Firefox on your Mac

Go to the webpage you want to edit

Right-click the page and choose Inspect, Inspect Element, or Developer Tools

If needed, enable the Develop menu in Safari by going to Safari > Settings > Advanced > Show Develop menu in menu bar

In the Developer Tools panel, select the Elements or Inspector tab

Click the element you want to change

Double-click the text or HTML you want to edit

Type your changes

Press Enter or Return to apply the edit

To change styles, edit the CSS in the Styles panel

To test temporary changes, refresh the page to restore the original content

To save changes permanently, edit the website’s source files or use a local development environment

Suggested for You

Trending Today