A Visual Studio extension for ASP.NET projects that leverages Browser Link to synchronize form field entry, page navigation and scroll position.
For Browser Sync to work, make sure that Visual Studio's Browser Link is up and running. Do that by running an ASP.NET application from Visual Studio in one or more browsers.
Hovering over the Browser Link button on the Standard toolbar lets you know if Browser Link is connected.
This extension registers when typing occurs in these HTML elements:
<input value="" id="email" />
Works for all input types including
<select name="text"> <option>First</option> <option>Second</option> <optgroup> <option>Third</option> <option>Fourth</option> </optgroup> </select>
<select id="multiple" multiple> <option>First</option> <option>Second</option> <option>Third</option> </select>
<div contenteditable="true" id="article" />
When you have multiple browser windows open onto the website your building in Visual Studio, it is handy to be able to navigate all the browsers to the same page on your site.
Browser Sync makes that easy. Simply navigate to a page on your site and hit CTRL+ALT+Enter in the browser.
That will navigate all the other browses to that same page.
Hit CTRL+Alt+Enter again and all browsers will move to the same scroll position.
The first time after installing this extension, a modal overlay will be shown in all connected browser as you run your website.
This is to advertize the otherwise hidden feature of navigational synchronization which is only available through a keyboard shortcut in the browser and have no UI of their own.
Hitting the Thanks, got it button or simply hitting the ESC key will dismiss the modal for the duration of the current Visual Studio session. It will dismiss the modal in all the connected browsers.
By checking the checkbox, the modal will never be shown again.
You can disable Browser Sync very easily from the Browser Link dropdown on the Standard toolbar.
This will disable both the navigational sync using hotkeys as well as the form field sync.
Both of those settings can be individually set in the Tools -> Options -> Web -> Browser Sync dialog.