11

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

什么可能导致此错误？

您可以点击这里查看该网站:)

更新：

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

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

顺便说一下，我在三台电脑上都试过了。

4

2 回答 2

6

问题似乎与您的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;
}

比较这个 fiddle，它是有问题的站点代码（所有head标签和相关 html 标记）的复制/粘贴，与更正的 fiddle，其中style.css标记已导入 fiddle 并且#navigation-menu-container规则已更改为上述代码，你会看到小提琴页面没有崩溃。

于 2012-08-07T14:06:30.113 回答
4

当 chrome 崩溃时，请在http://new.crbug.com提交错误，以便 chrome 开发人员可以修复问题。（我已经为你提交了这个问题的http://crbug.com/141139）。理想情况下，尝试复制您的站点并继续从副本中删除内容，直到您有一个仍然重现问题的小测试用例。然后将其附加到错误上。

编辑：看起来你的 style.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修复崩溃（但崩溃当然仍然是一个 chrome 错误）。

于 2012-08-07T17:24:49.330 回答