8

私が書いた奇妙に見える CSS コードをテストしています (基本的に、DIV の幅にパーセンテージとピクセル値を組み合わせて使用​​しています)。私はそれが正しいとは確信していませんが、IE 5.5、IE 6.0 (彼らのおかげです!)、IE 7.0、Firefox 3.0、Safari 3.12 のすべての画面サイズで完全に動作します... すべて Windows XP で。Mac と Linux でコードをテストすることについてさらに心配する必要がありますか? それとも、これら 2 つで確実に動作する可能性が高いでしょうか?

編集：

この問題に数か月取り組んだ後、Safari と Firefox は Mac と PC の間で驚くほど一貫性があることがわかりました。

4

7 に答える 7

10

Mac と Linux で動作しますか?

必ずしも。

この種のクロスプラットフォームでは、フォントのレンダリングが最大の問題です。Windows で使用できるフォントの中には、デフォルトで他のフォントに含まれていないものや、OSX のフォント レンダリング モデルが非常に重いものがあります (ただし、Windows の Safari ではこれが表示されるはずです - 少なくとも以前はそうでした)。

一般的なボックス モデル、パディング、マージンなどはすべて標準である必要があります。

于 2008-10-18T18:27:10.427 に答える
7

http://browsershots.org/

これにより、複数のプラットフォーム (Linux を含む) の複数のブラウザーでサイトを表示できます。ただし、ウェブサイトの外観がそれぞれ 100% 同一に見える可能性は事実上不可能であり、場合によっては 99% で妥協する必要があることを強調しておきます。

ターゲット ユーザーと、彼らが通常使用するブラウザー/OS について考えてください。また、サイトが稼働したら、統計追跡 ( Google アナリティクスなど) を実行し、視聴者が何を使用しているかを特定します。

于 2008-10-18T23:03:21.477 に答える
2

OS X には、Safari/Shiira/iCab/OmniWeb のほか、Firefox/SeaMonkey/Camino や Opera など、多くの WebKit ベースのブラウザがあります。統計はありませんが、これで全ユーザーの少なくとも 98% をカバーしていると思います。

Debian 人気コンテストの結果:

w3m 85.93%
アイスウィーゼル 60.35%
リンクス 25.71%
コンカラー 21.95%
リンク 9.23%
iceape-ブラウザ 6.69%
elinks 6.51%
リンク2 4.09%
ディロ 2.70%
ガレオン船 2.35%
ひらめき 0.79%
w3m-el 0.75%
風はかせ 0.58%
ミドリ 0.30%
アロラ 0.29%

(これは、Mozilla Firefox や Opera などの非 [DFSG] フリー* ソフトウェアのユーザーを追跡しません。) Linux ユーザーは非常に多様な集団です。Windows で KDE 4 の Mozilla Firefox、Opera、および Konqueror をテストしたとしても、ほとんどのユーザーベースをカバーすることはできません。

そうは言っても、最新の CSS をサポートするブラウザーに焦点を絞り込むと、基礎となるエンジンが少数であることがわかります: Trident (IE)、Gecko (Mozilla)、WebKit (Apple)、KHTML (KDE)、およびプレスト (オペラ)。これらを個別に取る：

  • Trident: Windows の IE でのみ使用されます。既にテスト中です。
  • Gecko: Mozilla Suite のブラウザ (Mozilla Navigator、SeaMonkey Navigator、IceApe Navigator、Mozilla Firefox、IceCat、IceApe、Epiphany-Gecko、Galeon、Kazehakase-Gecko) で使用されます。フォント、画像、およびプラグインのレンダリングは、プラットフォームごとに大きく異なります。
  • WebKit: Safari/Shiira/iCab/Omniweb、Google Chrome、Epiphany-WebKit、Kazehakase-WebKit、Arora で使用されます。レンダリングは、システム提供の WebKit ライブラリを使用するため、すべての OS X ブラウザーで完全に一貫している必要がありますが、Windows 上の Safari と Google Chrome は、基盤となる描画エンジンが非常に異なり、Linux には Gtk+ と Qt の両方のバージョンがあり、動作が異なります。
  • KHTML: WebKit はそこからフォークされましたが、その開発は独立して継続されているため、かなりの相違点があります。主に Konqueror によって使用されます。KDE 4 の Konqueror は Windows と OS X に移植されており、動作は非常に似ています。ただし、KDE ​​4 の KHTML は KDE 3 よりも大幅に進歩しており、依然として一般的に使用されています。
  • Presto、Opera 7 以降で使用されます。プラットフォーム間で一貫性があります。

別の回答で述べたように、各エンジンの HTML 解析と CSS ボックス モデルは、プラットフォーム間で変更されていません。異なる動作をするのは、フォント、画像、プラグインなどの「小さな」ものだけです。

于 2008-10-18T19:28:01.083 に答える
2

Mac 領域は非常にトリッキーです。オペレーティング システムのバージョンが異なれば、Safari のバージョンも異なるため、テスト用の Mac がたくさんないと非常に困難です。Windows のサファリで見栄えが良ければ、Mac のサファリでも見栄えがする可能性があります。特に、主な関心事が div の幅である場合。

Linux には多数のブラウザーがあり、それらすべてをテストする人がいるとは思えません。Firefox は Linux で動作するため、Linux 市場のかなりの部分をカバーしています。

テストしたブラウザーは、既にブラウザー市場の 95% 以上をカバーしています。

于 2008-10-18T18:41:57.527 に答える
0

同意します。FF3 win/mac ではフォントのレンダリングが異なり、配置の問題が発生しています。

于 2009-04-21T17:05:53.393 に答える
0

私の経験では、Mac と Win での FF3 はまったく同じにはレンダリングされませんが、両方をチェックする必要がないほど十分に近いものです。

于 2008-10-18T18:24:14.287 に答える
0

おそらく動作しますが、Windows の FF3 では何かが動作するが、OS X の FF3 では動作しないという例を見てきました。

于 2008-10-18T18:24:59.167 に答える