Обнаружение ошибок на веб-странице с помощью Firebug

Каков наилучший способ проверить наши веб-приложения на наличие ошибок, таких как «дублирующий атрибут»?Обнаружение ошибок на веб-странице с помощью Firebug

Моя команда разработчиков имеет тенденцию использовать Firefox и Firebug для веб-разработки. Мы заметили некоторые ошибки ползучей в кодовом, как правило, дублируют атрибуты, такие как:

<div id="MyDiv" class="hide" class="interestingDiv">

Мы не видим никаких ошибок в консоли Firebug, не можем видеть в любом случае, чтобы получить Firebug, чтобы сообщить, что есть ошибки.

Мы заметили, что сам Firefox знает об этих ошибках. Нажав «Просмотр источника страницы», Firefox отображает второй класс в красном цвете и имеет всплывающую подсказку «Дублирующий атрибут». Однако нам нужно искать код, который ищет любые ошибки, выделенные красным цветом.

Несомненно, есть лучший способ, чем ручной поиск кода? Какие инструменты мы должны использовать?

Спасибо,

Phil

источник

2014-10-17 Phil

HTML-валидатор W3 будет выглядеть через HTML и проверить эти виды ошибок:

http://validator.w3.org/

EDIT: Похоже, что есть Firefox надстройка, которая проверяет HTML. Я никогда не использовал его раньше, но вы можете захотеть взглянуть на него:

https://addons.mozilla.org/en-US/firefox/addon/html-validator/

источник

2014-10-17 13:14:49 isears

Это замечательно, если мы хотим проверить каждую страницу отдельно, но я надеялся на что-то, что подключилось к нашему рабочему процессу, например, что-то уже входящее в Firebug. Разработчики уже смотрят на консоль Javascript для ошибок, поэтому в идеале это могут быть проблемы с самой страницей (я думаю, что я ответил на мою собственную проблему, что они смотрят на консоль JAVASCRIPT, поэтому почему это должно отображать ошибки HTML!) – Phil

Этот ответ слишком широк. Можете ли вы рассмотреть пример того, как валидатор поможет здесь. –

Firefox автоматически исправляет ошибки HTML, как дублирующих атрибутов, то он просто игнорирует второй атрибут. Он не выставляет это как ошибку для своего Browser Console.

Firebug только что отображает сообщения об ошибках, которые Firefox предоставляет через свои API-интерфейсы, он не аэлизирует сам HTML/CSS/JavaScript. Так как Firefox не создает сообщение об ошибке для некорректного HTML, панель Firebug Console не показывает ничего, что связано с этим.

Хотя Firefox предлагает другой способ отображения ошибок HTML через его исходное представление. Чтобы попасть туда, просто щелкните правой кнопкой мыши на странице и выберите Просмотреть страницу Источник из контекстного меню. Эта точка зрения подчеркивает дублируют атрибуты в красный цвет:

Duplicate HTML attribute

Другие варианты у вас есть следующие:

Используйте инструмент HTML валидатор как Html Validator add-on for Firefox или http://validator.w3.org/.
Возможно, вы захотите следить за Firefox bug 878364 с просьбой об обнаружении ошибок HTML.

источник

2014-10-17 22:03:37

Спасибо за подробный ответ. Похоже, странное решение для Firefox молча игнорировать ответ, поскольку не является причиной назначения класса элементу, так это то, что вы хотите, чтобы у него было какое-то поведение или внешний вид из-за элемента. Поэтому в вашем примере класс «test» может сделать раздел синим, но класс «эй» может позволить ему быть кликабельным. Если они игнорируются, приложение не будет работать должным образом. Спасибо за ссылку и другие ссылки. – Phil

Обратите внимание, что Firefox не является единственным браузером, который молча игнорирует повторяющиеся атрибуты. Все основные браузеры (IE, Chrome, Firefox, Opera) делают это. Я проверил стандарт HTML5, хотя я не мог найти строку, объявляющую это поведение. Он просто говорит, что не должно быть двух атрибутов с тем же именем в теге. Я предлагаю следовать вышеупомянутому отчету об ошибке. –

Обнаружение ошибок на веб-странице с помощью Firebug

ответ

Смежные вопросы