'Вот блин!' Ошибка при проверке элемента в Chrome

Всякий раз, когда я проверяю какой-либо элемент, который входит в мое навигационное меню, ИЛИ проверяю элемент, а затем просматриваю навигационное меню, я получаю ошибку "Aw, Snap" в Google Chrome. Я понял, что с источником должно быть что-то не так, но после просмотра источника в редакторе кажется, что все правильно в формате.

Что может быть причиной этой ошибки?

Вы можете Нажмите здесь, чтобы просмотреть сайт:)

Update:

Что-то в этом коде здесь вызывает ошибку:

<li>
    <a id="nav-corporate" class="accordionButton <?php if (is_page(1635) || is_page(1909)) { echo "curr-page-nav";}?>">Corporate</a>
<div class="sub-list-container">

    <ul>
        <li>
            <a href="<?php echo get_page_link(1635); ?>" id="nav-meeting" class="subitem"><span class="nav-hidden">Meetings</span></a>
        </li>
        <li>
            <a href="<?php echo get_page_link(1909); ?>" id="nav-event" class="subitem"><span class="nav-hidden">Events</span></a>
        </li>
    </ul>
    </div>
    </li>

Я пробовал на трех компьютерах, кстати.

Ответ 1

Проблема заключается в проблеме с файлом style.css. В этом файле у вас есть:

/*::selection {
    background: #666; /* Safari */
    color: #FFF;
}

::-moz-selection {
    background: #666; /* Firefox */
    color: #FFF;
}*/

Что происходит, у вас есть комментарий /* Safari */ в более широком комментарии вокруг всего фрагмента выше, который преждевременно закрывает более широкий комментарий и вызывает ошибку синтаксического анализа для CSS. Google Chrome задыхается от искаженного файла CSS, который вызывает "Aw, snap!". ошибка при проверке элементов.

Удаление комментария /* Safari */ не устранит эту проблему, так как ниже /* Firefox */ вызывает ту же проблему.

EDIT:. Хотя это и устранило незначительную проблему с CSS, это было не все решение. В свете thakis 'ниже, исправление следующего стиля предотвращает сбой при проверке элементов:

#navigation-menu-container{
  border-image:  url(images/shadow-border.png) 10 stretch;
}

Сравните эту скрипту, которая является копией/вставкой кода сайта (все теги head и соответствующая разметка html), с исправленная скрипка, в которой разметка style.css была импортирована в скрипту, а правило #navigation-menu-container было изменено на выше кода, и вы увидите, что страница скрипта не сработает.

Ответ 2

При сбоях хрома, пожалуйста, напишите ошибку http://new.crbug.com, чтобы разработчики Chrome смогли исправить эту проблему. (Я написал http://crbug.com/141139 для этой проблемы для вас). В идеале попробуйте сделать копию своего сайта и продолжать удалять вещи из копии, пока у вас не будет небольшой тестовый пример, который все еще воспроизводит проблему. Затем прикрепите это к ошибке.

Изменить: похоже, этот бит из вашего стиля .css вызывает его:

#navigation-menu-container{
  border-image:  url(images/shadow-border.png) stretch 10;
}

border-image нуждается в своих номерах перед stretch (см., например, http://css-tricks.com/understanding-border-image/), и Chrome запутывается тем, что не является случай. Перемещение 10 перед stretch исправляет сбой (но, конечно, крах по-прежнему является хромовой ошибкой).