Получить номер строки в окне "Элементы" инструментов разработчика Chrome?

Ответ 1

Не знаю, насколько это будет полезно, но вы можете щелкнуть правой кнопкой мыши элемент html на вкладке "Элементы", выбрать "Копировать как HTML" и вставить результаты в свой любимый текстовый редактор. Это даст вам номера строк для DOM, поскольку они существуют в том месте, где вы его скопировали.

Как и комментарии, это не соответствует номерам строк исходного кода.

Ответ 2

Нет способа показать числовую строку в области разработчика. Вы можете нажать CTRL + U на веб-странице, где вы хотите увидеть строку кода. Удачи.

Ответ 3

Если вы перейдете к View Source Source, он покажет номера текущей строки. Либо щелкните правой кнопкой мыши → Просмотр источника страницы, либо нажмите Ctrl + U в Windows или Cmd + Option + U в Mac.

Для чего это стоило, я нуждался в этом, потому что я получал ошибку javascript с номером строки. Инструменты разработчика не отображали этот фрагмент на вкладке обычного исходного кода, предположительно потому, что он был встроен в HTML, и у меня произошла ошибка компиляции (глупая пропущенная запятая).

Ответ 4

У него нет номера строки, потому что проанализированная и исправленная версия вашего HTML-кода и номера строк могут сильно отличаться от того, что вы видите в редакторе кода. Лучший способ найти один и тот же элемент - добавить атрибут идентификатора к элементу, а затем использовать document.querySelectorAll('# CUSTOM_ID'); Если вы хотите увидеть неизменный HTML (какой браузер получен от сервера), просто щелкните правой кнопкой мыши на странице и выберите источник страницы просмотра.

Ответ 5

Номера строк больше не используются в HTML. Каждая строка теперь имеет уникальное имя.

Ответ 6

Нажмите "F12" или зайдите в Инструменты разработчика. Нажмите на вкладку Sources, дважды щелкните по уже выбранному файлу на панели слева. Смотрите скриншот этой веб-страницы ниже.

Ответ 7

Попробуйте расширение хром Перейти к строке:

Ответ 8

Я не знаю, изменился ли Chrome DevTools со времени публикации, но вы можете сделать это сейчас:

Разверните ошибку, щелкнув стрелку рядом с ней, а затем щелкните строку, в которой указан стек (...), и он будет расширяться в одно и то же сообщение об ошибке плюс исходная строка, в которой он произошел.

Надеюсь, это поможет!