1. ホーム
  2. 質問と答え
  3. WebページのCSSとJSをブラウザ間で互換性を持たせるためのベストプラクティスは何ですか？

WebページのCSSとJSをブラウザ間で互換性を持たせるためのベストプラクティスは何ですか？

2009-07-15 8 views

答えて

5

：あなたのスタイルは（IE6のようなあなたがサポートする必要が奇妙なブラウザ用

  • スタイルを適用する前に、

    1. は「レベル活躍の場を」にリセット（のようなMeyerまたはYUI）を使用します）、それを正しく見せて、より現代的なブラウザに必要なものを変更してください。私を信じて、これは逆のやり方よりずっと簡単です！ JavaScriptが

    彼らはあなたが遭遇する可能性が高いですブラウザ固有の癖のほとんどを抽象化で長い道を行くために、私はjQueryまたはYUIのようなフレームワークを使用すると思います。

    幸運を祈る！

    • 出典

    2009-07-15 21:42:16 inkedmn

    +0

    Tnks、非常に便利です。 – user136224

    +0

    また、ボックスモデルの違いにも注意してください。例えば、FFなどは、ボックスの幅の一部としてパディングをカウントしますが、IEではそうではありません。 http://www.quirksmode.org/とhttp://haslayout.net/も便利です。 –

    +0

    このアドバイスは、doctypeを使用せず、quirksモードでスタックしている場合に当てはまります。 Doctypeを使用していて、標準モードで使用している場合は、より現代的なブラウザのスタイリングを優先してから、IE6にバックポートする方がよいでしょう。標準モードでは、IE6は正しいボックスモデルを使用します。 –

    1

    十分にサポートされているライブラリを使用してください。最初から試してみないでください。たとえば、JQueryは多くのブラウザの問題を処理します。

    出典

    2009-07-15 21:40:31 rledley

    0

    JavaScriptについては、jQueryで間違ってはいけません。

    出典

    2009-07-15 21:40:39

    0

    すべてが常に機能することを保証する普遍的な方法はありません。 CSSの場合、reset stylesheetはブラウザー間のルックを標準化するための長い道のりになります。 JSの場合、ブラウザの互換性の問題を正常に処理するjQueryのようなライブラリを使用します。 CSSについては

    出典

    2009-07-15 21:42:15

    0

    間違いなくJQuery、またはMootoolsまたはprototype..orその他のJSライブラリ。

    出典

    2009-07-15 21:42:31 vaske

    1

    テスト、テスト、テスト、および経験から学ぶ。

    さまざまなIEバージョンでテストするために仮想マシンを使用します。ここでそれらをダウンロード： http://www.microsoft.com/DOWNLOADS/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&displaylang=en

    ハック回避してください - 本当に必要な場合を除き、ブラウザをターゲットにするCSSやJSを。

    他の人が言ったように、jQueryはJavaScriptの多くを助けて、厄介なブラウザの違いを解消する可能性があります。私見より多くのクロスブラウザは安全なあなたのjsを作るためには良いのlibを使用し

    出典

    2009-07-15 21:42:59 Dhana

    0

    は良いスタートです。また、960.gsや青写真のようなCSSのフレームワークを使用することは、CSSのための良い選択です。基本的には、完全なCSSのリセットを行う必要があります。

    出典

    2009-07-15 21:43:02 Sorantis

    0

    crossbrowserであることを約束jQueryように良いのJavaScriptライブラリ、に固執

    出典

    2009-07-15 21:44:52 googletorp

    1

    適切なdoctypeがページに表示され、スタンダード準拠モードでレンダリングされます。

    Firefoxのような標準準拠のブラウザでテストしてみてください。 Internet Explorerで最初にテストする場合、ほとんどの場合、rendering bugs in IEの一部を使用してコードを作成し、他のブラウザで動作させるのが難しくなります。

    ほとんどの場合、IEのレンダリングエラーを避けるためにレイアウトを調整する必要があります。異なるバージョンのレンダリングエラーが異なるため、複数のバージョンをテストする必要があります。互換モードでIE 8のレンダリングを維持するために、X-UA互換メタタグを追加します。

    html要素は、当初の意図通りに使用してください。ナビゲートするリンク、見出しのヘッダータグなどそうすれば、コードは意図したとおりに動作する可能性が高くなり、検索エンジンはページの索引付けをよりうまくやります。

    出典

    2009-07-15 21:55:26 Guffa

    関連する問題

     関連する問題