hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Comment activer l'application Chrome DevTools pour le débogage à distance

L'application Chrome DevTools est créée par Kenneth Auchenberg pour tenter de sortir devtools du navigateur - dans ce cas, à partir du navigateur Chrome. Cette application est basée sur NW.js et peut fonctionner sur Mac OS X ainsi que sur Linux et Windows.

Il y a beaucoup de raisons qui ont incité le fabricant à créer ceci mais sa vision consiste à donner aux développeurs la commodité du débogage à distance sur plusieurs navigateurs, tous à partir de la même plate-forme unifiée (app). L'idée prendra un certain temps à se rattraper et se matérialiser pour diverses raisons (et la résistance, que vous pouvez lire sur son blog).

Nous allons jeter un coup d'œil à l'application Chrome DevTools et voir ce que Google a à offrir aux développeurs.

Plus sur Hongkiat:

  • Premiers pas avec les outils de développement Chrome
  • 5 (Plus) Conseils utiles sur Chrome DevTools pour les développeurs
  • Comment personnaliser le thème Google Chrome DevTools

Installation

Téléchargez le fichier Chrome-Devtools.app.zip et extrayez-le. Double-cliquez pour courir. Démarrez votre navigateur Chrome et activez le débogage à distance.

Pour ce faire sur le Mac, ouvrez le terminal et lancez la commande ci-dessous:

 sudo / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222 

Si vous exécutez Windows, ouvrez l'invite de commande et utilisez cette commande:

 Démarrer chrome.exe -remote-debugging-port = 9222 

Comment utiliser

Lorsque votre Chrome est déjà ouvert, avec la fonctionnalité de débogage à distance activée, vous pouvez maintenant naviguer vers n'importe quel site. Par exemple, nous avons ouvert Hongkiat.com pour cet exercice. Ensuite, nous nous dirigeons vers la fenêtre de l'application Chrome DevTools et actualisons cette liste (le bouton est en bas à droite).

Maintenant, vous verrez le lien Hongkiat.com répertorié (comme indiqué ci-dessous).

Maintenant, cliquez sur le bouton 'Go' . Vous serez redirigé vers une nouvelle fenêtre. C'est tout. L'application Chrome DevTools est déjà opérationnelle. Ce que vous verrez ici est le même que lorsque vous "inspectez l'élément" sur le navigateur Chrome.

Et à partir de là, vous pouvez utiliser l'application Chrome DevTools comme si vous utilisiez DevTools sur Chrome en mode natif: vous pouvez inspecter l'élément DOM, déboguer JavaScript, travailler avec la console et plus encore.

Et après?

Cette application est encore très expérimentale. Mais pour l'instant, l'idée de sortir le DevTool de Chrome permet aux développeurs de traiter l'application comme un éditeur fonctionnel, et de travailler avec d'autres runtimes comme node.js et iOS. Pour plus de possibilités, vous pouvez consulter le fil de pensée d'Auchenberg ici.

Pourquoi vous ne devriez pas faire confiance aux histoires de réussite

Pourquoi vous ne devriez pas faire confiance aux histoires de réussite

Les histoires à succès font partie intégrante de notre culture et de notre société depuis des temps immémoriaux. Bien que le terme soit relativement nouveau, je compterais tout, des récits héroïques de David et Goliath, et d'Hercule aux histoires réussies de la campagne de guerre de Jeanne d'Arc, Gengis Khan et Napoléon dans ce contexte.Pour en re

(Conseils techniques et de conception)

9 conseils pour vous aider à garder votre Windows XP en sécurité après la fin de vie

9 conseils pour vous aider à garder votre Windows XP en sécurité après la fin de vie

Microsoft Windows XP ne recevra plus de mises à jour de sécurité au-delà du 8 avril 2014. Ce que cela signifie pour la plupart d'entre nous qui sont encore sur le système de 13 ans, c'est que le système d'exploitation sera vulnérable aux pirates informatiques. ne sera jamais corrigé.Selon N

(Conseils techniques et de conception)