Проверьте дублирующиеся значения «id» на странице HTML.

Я разрабатываю веб-приложение, и я хотел бы проверить значения дубликатов id на странице HTML. Я запускаю приложение на своей локальной машине.

Есть ли способ сделать это?

P.S .: Я использую Firefox и Firebug.

5 голосов | спросил user502052 15 J000000Friday11 2011, 18:19:54

4 ответа


6

Средство средства проверки W3C сообщит о дублирующих идентификаторах. Чтобы проверить код:

  1. Скопируйте сгенерированный исходный код в буфер обмена.
  2. Посетите http://validator.w3.org/#validate_by_input
  3. Вставьте свою разметку в поле и нажмите «Проверить».

Вы можете протестировать его со следующим кодом, если хотите:

<!doctype html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div id="test">Test div</div>
        <div id="test">Test div 2</div>
    </body>
</html>

Это приводит к следующей ошибке:

введите описание изображения здесь>> </p></body></html>

ответил Nick 15 J000000Friday11 2011, 18:40:57
3
  1. http://validator.w3.org/check

  2. Если у вас установлена ​​ панель инструментов веб-разработчиков , вы можете использовать ее для связи вышеуказанная служба непосредственно из браузера: Tools -> Проверка локального HTML

  3. Некоторые инструменты разработчика (например, PhpStorm /WebStorm) автоматически выполняют такую ​​проверку.

ответил LazyOne 15 J000000Friday11 2011, 18:45:10
2

Используйте W3C Validator . Он скажет вам, есть ли дублированные идентификаторы.
Если ваш сайт не в сети, используйте Opera. У них есть хорошая функция, которая загружает страницу, чтобы проверить ее.

  • Щелкните правой кнопкой мыши на странице
  • Validate

введите описание изображения здесь введите описание изображения здесь>> </p></body></html>

ответил Alex 15 J000000Friday11 2011, 18:40:15
2

Запустите этот код в консоли JavaScript вашего браузера: -

(function findDuplicateIds() {
    var ids = {};
    var all = document.all || document.getElementsByTagName("*");
    for (var i = 0, l = all.length; i < l; i++) {
        var id = all[i].id;
        if (id) {
            if (ids[id]) {
                console.log("Duplicate id: #" + id);
            } else {
                ids[id] = 1;
            }
        }
    }
})();
ответил Nanhe Kumar 21 +04002013-10-21T11:11:44+04:00312013bEurope/MoscowMon, 21 Oct 2013 11:11:44 +0400 2013, 11:11:44

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132