0

有効なコードが既にあると仮定すると、Web サイトのコードを評価し、ブラウザーによってコードの表示が異なる可能性がある領域を強調表示するために使用できるツールまたはプラグインはありますか? 私はbrowsershotsのような Web サイトを認識しており、テストする VM を持っていますが、コードを見てプロセスを短縮し、よく知られているクロス ブラウザー互換性の赤いフラグを警告する何かがあるかどうか疑問に思っています。

たとえば、まだ広くサポートされていない CSS を使用する場合。以下は有効な CSS 2.1 です。

display: run-in;

CSS 2.1 を認識しているバリデーターは見事にそれを渡しますが、実際には、Firefox 3 では機能しないことを示す赤いフラグがスローされるはずです。一方、

border-radius: 10px;

CSS3 であるにも関わらず、更新されたブラウザーでは実際にかなりよくサポートされています。

これは Javascript の新機能ですが、バリデーターによっても渡されます。

getElementsByClassName();

しかし、IE8 では動作しないという警告が表示された方がよいでしょう。

もう 1 つの例は、奇妙な (有効な) 状況によって引き起こされる、よく知られたレンダリングのバグです。すべてのシステムのすべてのブラウザでウェブサイトを開いて実際にどのように機能するかを確認する代わりになるものがないことは理解していますが、相互運用可能なコードを書いていることを確認するのに役立つツールがあるかどうか疑問に思っています.開発プロセスでより頻繁にテストできるようになり、後でバグを解決する時間を減らすことができます。

4

1 に答える 1

0

残念ながら、答えはノーです。

私はかつて、あなたが説明したとおりのツールを作成することを検討し始めました. 現実には、jQuery などのほとんどのライブラリは、実際にはブラウザーの非互換性と標準のさまざまな解釈 (または標準を無視) を利用しています。

そのため、標準ライブラリのいずれかを使用している場合、大量の警告を受け取り、実際にはほとんど何も得られません。スパムの量は、あなたが導入した可能性のある実際のバグを単純に覆い隠します。

さらに重要なことは、非互換性が実際に最終結果に影響を与えるかどうかです。したがって、静的コード分析の代わりに、見たものをテストする方法を採用しました。

于 2013-02-14T14:57:20.587 に答える