Mais pourquoi autant de DevTools quand seulement quelques-uns me suffisent ?
Une énième mise à jour de Chrome et son lot de DevTools qui va avec. Des outils encore jamais utilisés ou inutiles dans mon projet ? Des onglets avec des graph et des tableaux incompréhensibles… Autant de fonctionnalités farfelues, mais qui, une fois maitrisées, pourront changer votre vision du développement front.
A travers ce tutoriel, nous allons voir en détail comment améliorer votre expérience développeur avec Chrome DevTools. Vous découvrirez des fonctionnalités que vous pourrez utiliser au quotidien avec efficacité. Apprenez à jouer avec la console de développeur pour mettre l’application dans tous ses états !
Nous verrons comment fonctionnent les onglets les moins utilisés comme Performance. Nous ferons un tour du côté de lighthouse pour un SEO optimal. Nous rentrerons dans le détail pour ceux que vous connaissez déjà : debug, fichiers source, breakpoints ou encore réseau.
npm install
npm run dev