Obtenir le numéro de ligne dans la fenêtre Elements des outils de développement Chrome?
dans Chrome, outils - > Developer Tools - > Elements tab. Il n'y a pas de numéros de ligne à côté du code source. Est-il un moyen de les basculer sur?
7 réponses
Je ne sais pas à quel point il sera utile, mais vous pouvez faire un clic droit sur l'élément html dans L'onglet Éléments, sélectionner "Copier comme HTML" et coller les résultats dans votre éditeur de texte préféré. Cela vous donnera des numéros de ligne pour le DOM tel qu'il existe au point où vous le copiez.
comme le soulignent les commentaires, cela ne correspondra pas aux numéros de ligne source.
il n'y a aucun moyen de montrer la ligne du numéro dans la zone du développeur. Vous pouvez appuyer sur CTRL+ U dans la page web où vous souhaitez voir la ligne de code. Bonne chance
si vous allez à View Page Source, cela affichera les numéros de ligne actuels. Cliquez sur le bouton droit de la souris- > voir la Source de la Page, ou cliquez sur Ctrl+ U sur Windows, ou Cmd+ Option+ U sur Mac.
pour ce que ça vaut, j'en avais besoin parce que je recevais une erreur javascript avec un numéro de ligne. Les outils dev ne montraient pas cet extrait dans l'onglet Source régulier, probablement parce qu'il était intégré dans HTML et j'ai eu un erreur de compilation (virgule manquante stupide).
il n'a pas de numéro de ligne parce que c'est la version analysée et corrigée de votre code HTML et les numéros de ligne peuvent être très différents de ce que vous voyez dans votre éditeur de code. La meilleure façon de trouver exactement le même élément est d'ajouter un attribut ID de l'élément et ensuite utiliser document.querySelectorAll ("#CUSTOM_ID")); Si vous voulez voir le HTML inchangé (ce que le navigateur a reçu du serveur) il suffit de clic droit sur la page et choisissez Voir la page source.
les numéros de ligne ne sont plus utilisés en HTML. Chaque ligne a maintenant un nom unique.
je ne sais pas si Chrome DevTools a changé depuis le post, mais vous pouvez le faire maintenant:
amplifiez l'erreur en cliquant sur la flèche à côté de celle-ci, puis cliquez sur la ligne qui indique stack(...) et il se développera dans le même message d'erreur plus la ligne source où il s'est produit.
j'espère que cela aide!