Browser Link в Visual Studio 2013

Наша взаимовыгодная связь https://banwar.org/

У Visual Studio 2013 з'явився новий інструмент, що допомагає при розробці веб-додатків - Browser Link. Ідея Browser Link полягає в тому, що Visual Studio і браузер мають постійний канал зв'язку. Це дозволяє централізовано керувати браузерами з Visual Studio. Щоб краще зрозуміти як працює Browser Link, давайте підключимо цей інструмент до веб-сайту.

Щоб використовувати Browser Link повинні бути дотримані наступні умови:

• Додаток має бути запущено на localhost.
• Додаток має працювати під керуванням .NET версії 4 або пізнішої.
• Для додатка потрібно включити режим налагодження (властивість debug = true в секції <compilation> в файлі конфігурації).

Для включення Browser Link в Visual Studio 2013 з'явилася спеціальна кнопка на панелі управління:

В цьому ж меню присутнє посилання на Browser Link Dashboard - панель, на якій відображаються всі активні підключення.

Тепер, коли ми включили Browser Link в Visual Studio, можна запустити веб-сайт. Якщо ми заглянемо в вихідний код сторінки, то там можна побачити, що в неї вбудований код, який забезпечує підтримку роботи Browser Link на стороні браузера.

Цей код додається автоматично і тільки в тому випадку, якщо проект запущений локально. При розгортанні на віддаленому сервері цього коду не буде. Більш того, якщо для конкретного проекту потрібно заборонити використання Browser Link, то це можна зробити в файлі конфігурації, додавши параметр vs: EnableBrowserLink:

<AppSettings> <add key = "vs: EnableBrowserLink" value = "false" /> </ appSettings>

Після відкриття сторінки в різних браузерів можна повернутися в Visual Studio і відкрити Browser Link Dashboard - тут будуть видні всі активні підключення.

Якщо ми тепер відкриємо потрібну сторінку в браузерах, а потім змінимо її в Visual Studio, то нам не потрібно відкривати кожен браузер і натискати F5. Тепер досить вибрати пункт меню Refresh Linked Browsers (або просто Ctrl + Alt + Enter) і сторінка буде оновлена ​​у всіх браузерах.

Якщо поглянути на те, як це влаштовано, то працює це дуже просто - при запуску веб-сайту за допомогою SignalR встановлюється з'єднання клієнтської частини веб-сайту і Visual Studio. По цьому каналу і відбувається взаємодія. Мінусом такого підходу, до речі, буде те, що якщо у вас в додатку так само є SignalR-підключення, то вони будуть конфліктувати.

На перший погляд може здатися, що це дуже незначна можливість Visual Studio, яка до того ж вимагає певної попередньо настройки. Насправді ж Browser Link - це свого роду базовий API, поверх якого можна реалізувати власні сценарії управління клієнтським кодом з Visual Studio. Наприклад, деякі такі сценарії реалізовані в популярному плагіні Web Essentials .

Про те, як створити свій плагін для Browser Link можна почитати, наприклад, тут .