Permanent Inspect Element

Set up Permanent Inspect Element

Pin it to your toolbar

  1. Click at the top right
  2. Click next to Permanent Inspect Element
Chrome toolbar. Arrow 1 points to the puzzle piece. Arrow 2 points to the pin next to Permanent Inspect Element in the Extensions menu. Your favorite site your-favorite-site.com Extensions Permanent Inspect Element Manage extensions 1 2

This page updates as soon as you pin it.

Pinned

Make your first edit

Two ways. Choose the one that sounds familiar.

Edit page with DevTools

  1. Click
  2. Right-click › Inspect, then edit
  3. Click Save
  4. Reload. It stays.
Chrome with the side panel open. Arrow 1 points to the Permanent Inspect Element icon. Arrow 2 points to Inspect in the right-click menu. Arrow 3 points to the Save DevTools edits button. Arrow 4 points to Reload. Your favorite site your-favorite-site.com Back Reload Save as… Inspect Permanent Inspect Element your-favorite-site.com Save DevTools edits Or pick an element on the page 1 2 3 4

Never heard of DevTools? Edit page in browser

Edit page in browser

  1. Click
  2. Click Pick an element
  3. Click anything on the page and change it
  4. Click Save
  5. Reload. It stays.
Chrome with the side panel open and a card for changing a headline on the page. Arrow 1 points to the Permanent Inspect Element icon. Arrow 2 points to Or pick an element on the page in the side panel. Arrow 3 points to the headline. Arrow 4 points to Save in the card. Arrow 5 points to Reload. Your favorite site your-favorite-site.com My new headline Change <h1> Text Look Hide My new headline This page only Save Permanent Inspect Element your-favorite-site.com Save DevTools edits Or pick an element on the page 1 2 3 4 5

If Chrome asks for access to the site, allow it.

Prefer Inspect Element? Edit page with DevTools