Nouvelles Chroniques d'Amethyste

Penser au Sens, pas au Verbe

Utiliser Browser Link avec Visual Studio

Poster un commentaire

Browser Link est une fonctionnalité apparue dans VS 2013 que j’avais totalement oublié.

C’est donc une bonne occasion de réviser un peu.

C’est quoi?

Vous avez un projet Web. Visual Studio offre la possibilité de lancer plusieurs sessions de débogage sur plusieurs navigateurs à la fois.

Le point réellement intéressant est que dans ce mode VS agit comme un serveur SignalR vis à vis des navigateurs qui agissent eux comme client.

Cela permet à VS de lancer des commandes sur les instances de navigateurs simultanément, typiquement un refresh. C’est utile pour faire du débogage.

Pour activer ce mode il y a quelques prérequis:

  • >= .Net 4.0
  • mettre debug=true dans web.config
  • lancer l’application en localhost

Donc vraiment du débogage.

Comment l’activer?

On sélectionne le menu Browse with:

2016-03-17_21-05-14

Sélectionnez vos navigateurs:

2016-03-17_21-06-49

Faire Browse.

Les instances devraient démarrer.

Profitez en pour regarder le source, on devrait trouver quelques lignes en plus:

2016-03-17_21-24-08

C’est SignalR. Pas besoin de plugin car tout est en JavaScript.

 

Si vous déplacez le curseur souris sur cet icône:

2016-03-17_21-08-26Le menu déroulant sous cette icône laisse apparaître un sous-menu Browser Link Dashboard:

2016-03-17_21-10-01

Qui ouvre:

2016-03-17_21-11-48

Chaque instance de navigateur apparaît dans la liste. Si vous en fermez un il disparaît. C’est dynamique.

Cliquez sur un des navigateurs, une liste de commande distante apparaît:

2016-03-17_21-13-55

La commande est individuelle au navigateur sélectionner. Si on souhaite rafraîchir tous les navigateurs simultanément on clique juste sur l’icône:

2016-03-17_21-16-09

Activation pour les pages statiques

Une petite opération est nécessaire. On devra ajouter ceci dans le fichier de configuration:


<configuration>
  <system.webServer>
    <handlers>
      <add name="Browser Link for HTML" path="*.html" verb="*"
type="System.Web.StaticFileHandler, System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
resourceType="File" preCondition="integratedMode" />
    </handlers>
  </system.webServer>
</configuration>

Que l’on oubliera pas d’enlever en production.

Désactiver Browser Link

On peut le faire soit depuis le menu Enable Browser Link:

2016-03-17_21-10-01

Soit en ajoutant ceci dans le fichier de configuration:


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

 

Ou bien en posant debug=false dans la configuration.

 

Bibliographie

http://www.asp.net/visual-studio/overview/2013/using-browser-link

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s