Please enable JavaScript.
Coggle requires JavaScript to display documents.
BrowserSync (Avantages (Accélérez vos intégrations web, Plusieurs browsers…
BrowserSync
Avantages
-
Plusieurs browsers ouverts, tu peux les synchroniser parallèlement
Refraichir les pages de navigateur automatiquement qu'on écrit du css ou qu'on écrit du css => gain du temps
permettre de faire un tunnel sur notre réseau local pour pouvoir tester une page web sur un ordinateur ou smartphone... toutes ces supports vont etre synchronisé et donc le css va s'actualiser automatiquement
-
-
J'écris l'@ ip donnée par browsersync et je la lance sur le sartphone: connecter tous ces supports à votre réseau local par wifi ou autre et browsersync va vous donner une @ qui est visible par tous ce réseau pour pouvoir afficher une page et automatiquement la raifraichir
BrowserSync est un excellent outil : poussé, très efficace et bien pensé, il risque de considérablement améliorer votre vitesse de développement et va simplifier votre manière d’intégrer le CSS et l’HTML de vos pages web.
Features
Live reloading: This is probably the most important feature of BrowserSync. change your code and the page is auto-reloaded. Live reloading works across many browsers and devices.
Interaction synchronization: It means that all your actions are mirrored across every browser. This little feature is useful for testing, especially, when testing across many devices. You can also customize what actions are mirrored across browsers.
Simulate slower connections: I believe you are expecting users from all over the world, and some countries are not fortunate enough to have fast internet connection; BrowserSync has a feature that you can use to throttle your website connection speed.
-
Extra: BrowserSync is compatible with many task runners like GULP and Grunt. And they work across many operating systems.
Historique
Avant compilation, deploiement, erreur => perte de temps
avec browsersync, automatiquement il synchronise, compile directement
Avant avec ALT+TAB ! Passer de son IDE à son navigateur web afin de le rafraîchir est une étape qui peut vous paraître anodine, mais il est de nos jours possible d’éviter cela.
Avantages
BrowserSync utilise les websocket pour actualiser, donc aucune extension côté navigateur n'est nécessaire
On peut l'utiliser pour synchroniser plusieurs navigateurs et même tester en live les version sur mobile et tablette (il faudra en revanche être sur le même réseau local)
-
-
C'est quoi?
C'est un outil qu'on va le lancer en ligne de commande qui va nous permettre d'agiliser notre processus d'intégration web
Browser Sync est un module pour nodeJS qui va vous permettre d'actualiser et de synchroniser automatiquement vos pages web pour un développement plus rapide.
-
Principe
Lorsque vous tapez la commande de browsersyn, il va t'ouvrir un nouvel onglet qui ne pointe pas vers le fichier local mais qui pointe vers une adresse => browersync nous a crée un serveur sur localhost. Et donc la page sera modifiée automatiquement
C'est quoi browersync?
BrowserSync est un module node.js, qui permet de synchroniser les navigateurs pour le développement d’une application web. Son but est d’injecter les modifications (html, css, js) dans le navigateur au moment où il y a un changement. Cela va nous permettre de gagner du temps dans notre développement.
-