How to show / display the Essential web bar with chrome?

Question

I checked autohide and the panel disappeared, but now, how can I see it again?

Answer 1

To see the Web Essentials menu in Chrome when using Visual Studio 2015:

• Make sure you have installed Web Essentials 2015 - https://visualstudiogallery.msdn.microsoft.com/ee6e6d8c-c837-41fb-886a-6b50ae2d06a2

• Click the "View in Browser" button in Visual Studio to view your site:

  

• The Web Essentials menu appears as an overlay at the bottom of your web page.

• Press CTRL in Chrome to enable or disable the Web Essentials menu.

Answer 2

Just press CTRL inside Chrome.

Answer 3

CTRL also works inside Internet Explorer.

Answer 4

Please note that you must enable BrowserLink. Otherwise, Ctrl does nothing.

Answer 5

There is a WebEssentials2015-Settings.json file that contains the default settings for websites (for example, for VS2015 it is \ AppData \ Roaming \ Microsoft \ VisualStudio \ 14.0 \ WebEssentials2015-Settings.json ). After I clicked autohide, the only way to translate the menu of websites in browsers is to change this file by setting ShowMenu to true ( "ShowMenu": true ). This fixed the problem for me.

But one note, this file seems to be read when VS starts up, so you might need to restart VS to see the difference. In addition, these settings can be set separately for each solution (Web Essentials> Create Solution Parameters). This option creates a .json file specific to this solution.

Answer 6

Note. This feature is no longer available in the Visual Studio 2017 3 update, as the author of madskristensen claims:

It has been removed for several reasons.

• This too much prevented the DOM of the current page.
• This did not work when the various functions were divided into their own extension.
• I use this Chrome extension to replace it

Link to the image of evidence below. (Not enough reputation to display the image in the message)

Web basics author explaining why the toolbar is not suitable for the browser

Github question link