web-dev-qa-db-fra.com

Obtenir le numéro de ligne dans la fenêtre Elements de Chrome Developer Tools?

Dans Chrome, Outils -> Outils de développement -> onglet Éléments. Il n'y a pas de numéro de ligne à côté du code source. Y at-il un moyen de les basculer?

23
user288926

Je ne sais pas à quel point cela sera utile, mais vous pouvez cliquer avec le bouton droit de la souris sur l'élément html de l'onglet Eléments, sélectionner "Copier en HTML" et coller les résultats dans votre éditeur de texte préféré. Cela vous donnera les numéros de ligne pour le DOM tel qu’il existe au moment où vous le copiez.

Comme le font remarquer les commentaires, cela ne correspondra pas aux numéros de ligne source.

10
jkschneider

Нет возможности показать номер строки в области разработчика. Вы можете нажатьCTRL+UIl y a bien des choses qui ne se passent pas comme d'habitude. Удачи

14
Eugenio Chaparro

Si vous accédez à Afficher le source de la page, les numéros de ligne actuels seront affichés. Faites un clic droit -> Afficher la source de la page ou cliquez sur Ctrl+U sous Windows ou Cmd+Option+U sur Mac.

Pour ce que ça vaut, j'en avais besoin parce que j'avais une erreur javascript avec un numéro de ligne. Les outils de développement ne montraient pas cet extrait dans l'onglet source habituel, probablement parce qu'il était incorporé au HTML et que j'avais une erreur de compilation (virgule manquante manquante).

6
Hannele

Il n'a pas de numéro de ligne car il s'agit de 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. Le meilleur moyen de rechercher exactement le même élément consiste à ajouter un attribut ID à l'élément, puis à utiliser document.querySelectorAll ('# CUSTOM_ID'); Si vous souhaitez afficher le code HTML non modifié (quel navigateur a été envoyé par le serveur), Faites un clic droit sur la page et choisissez Afficher la source de la page. 

0
Iman Mohamadi

Appuyez sur "F12" ou allez dans les outils de développement. Cliquez sur l'onglet Sources double-cliquez sur le fichier déjà sélectionné dans le volet de gauche. Voir la capture d'écran de cette page Web ci-dessous.

enter image description here

0
J Bordelon