Chrome Browser - Save Inspector Changes to local file - Link Inspector and IDE

Prerequisites: local webserver / local developer instance


  • Open Dev-Tools (F12)
  • Tab "Sources"
  • Sub-Tab "Filesystem" (enlarge area when not visible)
  • "+" Add folder to workspace
  • Select folder on local PC
  • Permit Access (Message below URL bar)


  • A green dot next to the file indicates linkage of browser to filesystem of a file
  • Inspect elements
  • Edit in the "Styles" tab
  • Changes are automatically saved in the source file.