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>

ちなみに、私は3台のコンピューターで試しました。

4

2 に答える 2

6

この問題は、style.cssファイルに問題があるようです。そのファイルには、次のものがあります。

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

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

何が起こっているのかというと/* Safari */、上記のスニペット全体の周囲の広範なコメント内にコメントがあり、それが時期尚早に広範なコメントを閉じており、CSS の解析エラーを引き起こしていることです。Google Chrome が不正な CSS ファイルで窒息し、「Aw, snap!」の原因となっています。要素を検査するときに発生するエラー。

/* Safari */以下で同じ問題が発生するため、コメントを削除しても問題は解決しません/* Firefox */。

編集: CSS の小さな問題は修正されましたが、完全な解決策ではありませんでした。以下のthakisの回答に照らして、次のスタイルを修正すると、要素を検査するときにクラッシュが防止されます。

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

問題のサイト コード (すべてのタグと関連する html マークアップ)のコピー/貼り付けであるこの fiddleと、マークアップが fiddle にインポートされ、ルールが上記のコードに変更された修正された fiddle を比較します。 、フィドル ページがクラッシュしないことがわかります。headstyle.css#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 に答える