14

何らかの理由で、私のサイトが Google Chrome で動作しません。特別なエラーなしで Firefox では問題なく動作しますが、Chrome ではダメです。何を与える？

http://www.lemaineofficial.com/

クロムエラー
（エラーが発生したと表示され、リロードを試みることができます。ただし、常に同じエラーが発生します）

私のJavaScriptが実行されたい瞬間（サイトを短時間ロードする）、Chromeはページを中止します。このようなエラーは見たことがなく、機能するまで機能を削除する以外にトラブルシューティングする方法がわかりません。

javascript を使用した Chrome でこの動作を引き起こす原因を知る必要があるか、簡単にトラブルシューティングする方法を知る必要があります。

注:このサイトは、クラッシュすることなく Firefox で意図したとおりに動作します。

編集＃1：

このエラーは、さらにチェックした後、JavaScript が原因であるとは限りません。このエラーが発生しているのは私だけではないと思いますが、サイトを表示できる Chrome のユーザーはいますか? あなたの理論をありがとう。これについて少しでも賢くなったら更新します。

編集＃2：

ここの何かが問題を引き起こしているようですが、定義されたすべての値が必要です

body.visitor_mode div#content {
    /* Outruled cause */
    -webkit-column-gap: 5vw;
    -moz-column-gap: 5vw;
    column-gap: 5vw;
    -webkit-column-width: 45vw;
    -moz-column-width: 45vw;
    column-width: 45vw;
}

ここに Chrome のクラッシュの原因となるものはありますか?

編集＃3：

私は今、この問題を解決しました。これは、 Chrome が気に入らなかったと思われるcolumn-gapandcolumn-widthと unitを使用したことが原因でした。vwSimonsの回答にあるように、代わりにjavascriptでこの動作を作り直しました。

現時点で私が見逃しているのは、「私の .io.width()から正しい」ということだけですcolumn-width。Firefox は実際の幅を教えてくれますが、Chrome は単純にcolumn-width値を教えてくれます。 css transition、offset().left信頼性が低くなります.その値を取得する他の方法はありますか?

4

8 に答える 8

2

iframe によって読み込まれる Story.html ファイルでは、本文にいくつかのスタイル定義があり、それを head セクションに移動します :) (それは問題ではなく、見栄えが悪いだけです)

また、あなたが持っているのと同じスタイル定義で

body.visitor_mode div#コンテンツ

に変更します

body.visitor_mode div.content

（コードで使用しています：P）

そして、それは私のChromeの問題を解決しました（バージョン30.0.1599.66 @ 64bit Linux from Google Repo :P） - ページは正常にロードされました

于 2013-10-06T17:22:04.333 に答える
2

hashchange イベントに関係しているようです。他の誰かがそれを使用するのに問題を抱えていた StackOverflow に関する投稿があります。読む価値があるかもしれません: $(window).hashchange() は機能しません

コメントアウトすることをお勧めします

$(function() {
    $(window).trigger('hashchange');
});

ページが正しく読み込まれるかどうかを確認してから、そこから作業してください。

ブラウザーの互換性に関しては、次のサイトが役に立ちます: http://caniuse.com/#search=hash

于 2013-10-02T09:59:10.320 に答える
1

わかりましたので、これまでの私の調査結果は次のとおりです

Mac でのすべてのテスト

Chrome: あなたのようなエラーが表示されます FireFox: 動作しますが、非常に遅い (i7 プロセッサ、8 ギガ RAM および SSD)、これは発生しないはずです Safari: クラッシュします。

safariのクラッシュログを確認したところ、原因となっている部分のスタックトレースを取得しました。

0   com.apple.WebCore               0x00007fff8bf08384 WebCore::RenderBlock::calcColumnWidth() + 260
1   com.apple.WebCore               0x00007fff8c89c9e7 WebCore::RenderBlock::recomputeLogicalWidth() + 119
2   com.apple.WebCore               0x00007fff8bf072eb WebCore::RenderBlock::layoutBlock(bool, int) + 139
3   com.apple.WebCore               0x00007fff8bf06f84 WebCore::RenderBlock::layout() + 52
4   com.apple.WebCore               0x00007fff8bf166d9 WebCore::RenderBlock::layoutPositionedObjects(bool) + 441
5   com.apple.WebCore               0x00007fff8bf07a98 WebCore::RenderBlock::layoutBlock(bool, int) + 2104
6   com.apple.WebCore               0x00007fff8bf06f84 WebCore::RenderBlock::layout() + 52
7   com.apple.WebCore               0x00007fff8bf06ed7 WebCore::RenderView::layout() + 759
8   com.apple.WebCore               0x00007fff8bf063b6 WebCore::FrameView::layout(bool) + 1702
9   com.apple.WebCore               0x00007fff8bf05c65 WebCore::Document::updateLayoutIgnorePendingStylesheets() + 133
10  com.apple.WebCore               0x00007fff8c0c2d72 WebCore::Element::offsetHeight() + 18
11  com.apple.WebCore               0x00007fff8c0c2d4d WebCore::jsElementOffsetHeight(JSC::ExecState*, JSC::JSValue, JSC::Identifier const&) + 13

したがって、これは WebKit 関連のクラッシュであり、ビューのレンダリングに関連しています。コードをチェックして、機能するまでパーツの削除を開始することをお勧めします。

私の最初の提案は、次のような大量のテキストを削除することです。

Brödtext som borde vara här! Brödtext som borde vara här!

それが役立つかどうかを確認し、背景画像のサイズも小さくする必要があります。それらは巨大であり、メモリの問題のためにほとんどのブラウザーを強制終了しない場合、帯域幅を大量に消費します。

于 2013-10-06T17:22:26.557 に答える
0

これが役立つかどうかはわかりませんが、chrome 開発者ツール ウィンドウにエラーが表示されました。 ここに画像の説明を入力

これを確認するには: 1. 新しいタブを開きます 2. F12 を押して開発ツールを開きます 3. Web サイトに移動します 4. ターゲットがクラッシュしたことを示す黒いポップアップの [X] をクリックします 5. [コンソール] タブをクリックします。

于 2013-10-07T23:07:26.870 に答える
0

私はそれが奇妙であることを知っていますが、時々クッキーがこの問題を引き起こす可能性があります。すべての Cookie を削除してから、もう一度お試しください。

于 2013-10-02T10:13:33.397 に答える
0

あなたの画像は非常に大きく (2048x1152)、4 個あります。

最初に小さな画像で試して、Chrome が処理できるかどうかを確認します。

また、画像を定量化する必要があります。解像度を検出し、大きい画像を表示する必要がない場合は小さい画像を送信します。（私のFireFoxもクラッシュしました（24.0））

于 2013-10-02T10:13:37.073 に答える