Edit

Share via

Changing the extension settings

  • Article

You can customize the Visual Studio Code extension to your needs.

  1. In Visual Studio Code, on the Activity Bar, click Microsoft Edge Tools.

  2. In Microsoft Edge Tools > Targets, click More Actions (...) to the right of the word TARGETS, and then select the Open Settings menuitem.

    The More Actions icon on the Microsoft Edge Tools: Targets panel, to change the settings of the DevTools extension

    The Settings page appears, filtered to show vscode-edge-devtools settings only.

  3. Scroll through the available settings.

List of Settings

The Settings page of DevTools v2.1.1 contains these settings. For more information, see the Settings page.

  • Browser Args
  • Browser Flavor
  • Default Entrypoint
  • Default Url
  • Headless
  • Hostname
  • Path Mapping
  • Port
  • Show Workers
  • Source Map Path Overrides
  • Source Maps
  • Timeout
  • Use Https
  • User Data Dir
  • Webhint
  • Web Root
  • Bottom
  • Top
  • Split On Drag and Drop
  • Ignored Extensions
  • HTML: Custom Data

Reloading the extension after changing settings

Some settings have a note that reads (reload required after changing). For such a setting to take effect, close any instances of DevTools. See Closing DevTools in Opening DevTools and the DevTools browser.

Then open DevTools again to use the new settings. See Opening DevTools and the DevTools browser.

See also