November 22, 2016 2:09 pm

Balancing user-friendliness and developer convenience

As a part of our mission to make the web a better experience for all Windows customers, we spend a lot of time looking for ways to improve the Microsoft Edge user experience for end users and developers alike.

Introducing a “soft developer mode” for Microsoft Edge

Starting with the Windows 10 Anniversary Update, we introduced a change to how developer items are represented in the Microsoft Edge context menu. This change is designed to reduce end user confusion and accidental invocation of the F12 Developer Tools, while preserving full fidelity for developers and minimizing the need for settings toggles.

Graphic showing the new right-click context menu in Edge, which removes "Inspect element" and "view source" by default.

The Windows 10 Anniversary Update introduces a “soft developer mode,” which disables context menu entries for the F12 Developer Tools by default. Developer-specific options like “View Source”, and “Inspect Element” are hidden, but developers will still be able to open the developer tools using the keyboard shortcuts (F12 & CTRL+SHIFT+I) or from the “…” menu in Microsoft Edge.

The first time a user invokes the F12 Developer Tools, they will be alerted that the developer tools have been enabled and developer options will be shown in the context menu, with an option to undo the change.

Screen capture showing the prompt to keep "inspect element" and "view source" in the context menu after opening the developer tools.

This setting can also be configured manually in about:flags:

About-flags settings for developer tools

The motivation and data behind this change

In recent customer studies, we found many non-developer users of Microsoft Edge were confused by accidentally invoking the F12 Developer Tools. Specifically, we saw user confusion about the “Inspect element” item in the right-click context menu. Correlating this feedback with our telemetry data, we found a significant number of sessions lasting less than 15 seconds in duration with 5 or less actions taken within the F12 Developer Tools. This usage pattern made it clear to us that there was room for improvement.

Chart showing F12 duration in seconds. By session count, many sessions are clearly accidental, with session lengths under 60 seconds.

We expect this change to provide a better experience to the overwhelming majority of Microsoft Edge users, while surfacing developer context menu items in a convenient and persistent way to the users who need them – the web is for everyone, not just developers.

We look forward to any feedback on this change in the comments below or on Twitter @MSEdgeDev.

Kenneth Auchenberg, Program Manager, Developer Tools

Join the conversation

  1. ***** (5 stars)….
    This may be a small change but it will save T&$ in support.
    Q: what was the main cause of ‘accidentally invoking the dev tool context menu’ by Edge and IE users? I still recommend that the multi-touch options for touch-pad fitted devices be turned off to avoid unexpected zooming while typing or invoking context menu actions by accident. Regards.

  2. Good change, but it seems to me that the alert / popup is far too cryptic for users who accidentally press F12 (which average user knows what a “context menu” is anyways?). I would prefer an opt-in alert (“would you also like to add “inspect element” and “view source” to the context menu?). As a developer, I wouldn’t mind clicking “yes” once, but an average will probably only be confused by the current prompt (or not even see it, given de sudden appearance of the rather intimidating developer tools) and will never find the flags-page to turn it off once it’s turned on. As an alternative, the wording should be more user friendly (“you’ve turned on developer menu items, if you did not intend to do so click undo”.