7

Selenium などのツールは、Web UI でのユーザー インタラクションのテストに適しています。しかし、Web ページが一連のブラウザー間で正しくレンダリングされることを厳密にテストおよび検証するために、人々はどのようなアプローチをとっているのかに興味がありました。

これは可能ですか？

4

5 に答える 5

9

ページを送信して、Flash や JavaScript などのさまざまなものをオンまたはオフに設定したさまざまなブラウザーでレンダリングできるブラウザーショットをお勧めします。結局のところ、手動​​でテストするために FF、IE6-8、Opera、Safari/Chrome をインストールする必要があります。また、Mac (または Mac を使用している場合は PC) を持っている友人がいる場合は、Safari でもテストしてもらいます。個人的には、両者が同じページをレンダリングする方法に違いがあることを発見したからです。

また、主に Firefox で開発し、作業中に IE6 で定期的にチェックすることをお勧めします。IE6 はほとんど失敗するものなので、両方で動作する場合は、すべてで動作する可能性が高くなります。

奇妙なレンダリングを見つけた場合は、CSS ハックに頼る前に、最初にマークアップと CSS で修正してみてください。後で、または他のブラウザーで「興味深い」問題が発生する可能性があるためです。

于 2008-09-19T06:38:40.600 に答える
3

一部のブラウザーは一般的なレンダリング エンジン ( Gecko または Webkit )を共有しているため、テストする必要があるブラウザーはほんの一握りです。どちらが、またはなぜなのかを説明せずに、現在の知恵 (2009) を次に示します。

  1. Firefox または Opera (任意のプラットフォーム) を使用してサイトを構築します。ところで、Opera は独自の Presto エンジンを使用しています。
  2. 上記の使用しなかったものでテストします。
  3. (X)HTML と CSS を検証します (重要!)。
  4. >= IE7 でテストし、グリッチがある場合は注意してください。
  5. IE のバージョンごとに個別のスタイルシートで条件付きコメントを使用します。CSS ハックは古くなるため、決して使用しないでください。
  6. 必要に応じて IE <7 でテストして同じことを行うか、条件付きコメントを使用してユーザーに (丁寧に) IE のバージョンをアップグレードするように依頼してください。
  7. Safari (Webkit) でテストします。
  8. Chrome でテストしないでください。すでにプロキシ (Webkit) を使用しています。
  9. IE for Mac でテストしないでください。シェアが低すぎて、更新されていません。

最後に、Firefox、Opera、IE、Safari でテキストを拡大してみてください。Opera には、モバイル用のハンドヘルド エミュレーション モードもあります。

これで、ブラウザーのセットアップの 99.9% を (演劇的な推測で) カバーしたことになります。OS X または Linux を使用している場合は、Parallels やWineなどの仮想環境で Windows を実行できます。Wine にも Windows バイナリがあるようですが、見つかりませんでした。注意:仮想環境で IE が条件付きコメントを読み取れるようにする必要があります。

実際には、サイトに有効なコードがあり、Firefox、Safari、および Opera で動作する場合、IE7 以降でもおそらく問題ないことがわかりました。唯一の HTML/CSS の問題は、IE の「haslayout」処理です。ブラウザーを持っていない場合、BrowserStackは優れたオンライン テスト サービスです。

最後に、Javascript を使用している場合は、同様のプロセスを経る必要があります。問題は、急速に発展している分野として、一部のブラウザの新しいバージョンでは Javascript の処理がますます効果的になるため、古いバージョンの機能が壊れたり失敗したりする可能性があることです。静かに。

于 2009-06-16T10:08:05.143 に答える
0

以前は、さまざまなバージョンの IE で WM を使用していましたが、レイアウトと UI をテストするための新しいツールをいくつか見つけました。また、このツールを使用して、FFのリンクで火災バグ拡張機能を使用しています。これらのツールは手動でテストするためのものです。

于 2008-09-20T12:11:13.137 に答える
0

手動？

厳密なテストが必要な場合、代替手段はありません。できるだけ多くの異なるブラウザをインストールして、それらすべてでテストしてください。もちろん、これには最も一般的なブラウザのさまざまなバージョンが含まれており、Windows、Linux、および Macintosh について確認する必要があります。

于 2008-09-19T06:36:14.863 に答える
0

レイアウトが正しいかどうかだけを確認したい場合は、Web サイトをBrowserShots.orgに送信し、後でアクセスしてスクリーンショットを確認してください。

機能 (JavaScript など) をテストする場合は、手動でテストする必要があります。

于 2008-09-19T06:40:28.567 に答える