BrowserTricks Logo

    Persistent Edits with Local Overrides

    Save CSS and JS changes you make in DevTools permanently to your desk.

    Power-User Tips

    Curated tricks for Chrome, Edge, Brave, Vivaldi & Opera GX.

    Hidden Features

    Discover experimental flags, DevTools hacks, and productivity boosters.

    Back to Developer Tools

    Persistent Edits with Local Overrides

    ChromeEdgeBrave

    Inspection & Analysisworkflow

    What It Does

    Save CSS and JS changes you make in DevTools permanently to your desk.

    Quick Summary

    Select a local folder in the Overrides sub-tab of Sources.

    Step-by-Step Instructions

    1. 1

      Sources panel > Overrides tab.

    2. 2

      Click '+ Select folder for overrides'.

    3. 3

      Pick a local folder. Any change you make in 'Elements' will be saved to that folder and survive refreshes.

    More in Inspection & Analysis