html - “啊，啪!”在 Chrome 中检查元素时出错

Question

每当我检查属于我的导航菜单一部分的任何元素，或者检查元素然后浏览到导航菜单时，我都会在 Google Chrome 中收到“Aw, Snap”错误。我认为源代码一定有问题，但在编辑器中查看源代码后，似乎一切格式都是正确的。

可能导致此错误的原因是什么？

您可以 Click Here查看网站:)

更新:

此代码中的某些内容导致了错误:

<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>

顺便在三台电脑上试过了。

Answer 1

问题似乎与您的 style.css 有关文件。在那个文件中，你有:

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

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

发生的事情是您在围绕上述整个代码段的更广泛的评论中有评论 /* Safari */，这会过早地关闭更广泛的评论并导致 CSS 的解析错误。谷歌浏览器被格式错误的 CSS 文件阻塞，这导致了“哇，啪!”检查元素时发生错误。

删除 /* Safari */ 注释不会解决该问题，因为它下面的 /* Firefox */ 会导致同样的问题。

编辑:虽然这确实解决了 CSS 的一个小问题，但这并不是完整的解决方案。鉴于thakis ' 下面的答案，修复以下样式确实可以防止检查元素时崩溃:

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

比较 this fiddle ，这是相关站点代码的复制/粘贴(所有 head 标记和相关的 html 标记)，带有 the corrected fiddle ，其中 style.css 标记已导入到 fiddle 中，并且 #navigation-menu-container 规则已更改为上面的代码，您将看到 fiddle 页面不会崩溃。