ホームページ » コーディング » クロスブラウザ互換性チェックのための完全ガイド

    クロスブラウザ互換性チェックのための完全ガイド

    ネットサーフィンに関しては、インターネットユーザーはより幅広いブラウザを選択できます。私たちが作成したウェブサイトが最近よく使われるブラウザのほとんどと互換性があることを保証するのはデザイナーと開発者としての私たちの責任です。.

    それは単純だが批判的な質問につながる - 私たちの訪問者はどのブラウザを使っていますか? w3schoolによると、一般的に使用されているブラウザは Internet Explorer 7と8 そして Firefoxサファリ そして グーグルクローム 徐々に拾います。しかし、数字はそのニッチに応じて、サイトごとに異なる場合があります。サイトの統計情報から人口統計を取得することをお勧めします。, グーグルアナリティクス 例えば.

    訪問者が使用している一般的なブラウザを特定したら、次にそれらのブラウザでWebサイトが同じものを表示するようにします。. 1台のマシンにすべての異なるブラウザをインストールすることはほとんど不可能です. しかし、いくつかのツールやWebサービスのおかげで、あなたのWebサイトが他のブラウザでどのように見えるかを調べることは可能です。.

    この記事では、クロスブラウザ互換性テストを行うためにあなたが頼ることができる解決策のいくつかをあなたの注意に向けたいと思います。ジャンプ後の全リスト.

    オンラインでの互換性テスト

    ブラウザショット

    Browsershotsは、Webデザイナーのための無料で最も人気のあるクロスプラットフォームのマルチブラウザ互換性テストユーティリティです。 BrowsershotsはあなたのWebデザインのスクリーンショットをさまざまなブラウザで作成します。 Browsershotsデータベースにはすべての最も人気のあるブラウザが含まれており、あなたは簡単にあなたのウェブサイトがすべてのブラウザとOSプラットフォームでどのように見えるかをチェックすることができます.

    ブラウザサンドボックス

    Spoon.netによって作成されたこのページでは、IE、Firefox、Safari、Chrome、Operaなど、さまざまなブラウザをブラウザから直接実行できます。そのような単純な.

    Netrenderer

    IE NetRendererは無料のブラウザ互換性試験機です。 IE NetRendererを使用すると、WebサイトがInternet Explorerのさまざまなバージョンによってどのようにレンダリングされるかを確認できます。ベータテストの後、すぐにIEでNetRendererはIEの統合された最新バージョン - IE9になるでしょう、そしてあなたはあなたのウェブサイトがこのブラウザでエラーを示しているか見ることができるでしょう.

    Browsrcamp

    Browsrcampを使用すると、デザインとMac OS Xブラウザとの互換性をテストできます。お金をかけたくない場合は、Safari 3.1.2とあなたのデザインの互換性をチェックすることができます。 WebサイトのURLを追加するだけで、Webサイトのスクリーンショットが表示されます。あなたが他のMacブラウザとの互換性をチェックしたいのであれば、あなたは3 $を購読することができます.

    アドビブラウザラボ

    Adobe Browserlabは、デザイナーが複数のブラウザとオペレーティングシステム上でデザインをテストすることを可能にするWebホスティングサービスです。このシステムには、ズーム機能、定規やガイドなどの測定ツール、およびスクリーンショットの特定の領域にすばやく移動する機能が含まれています。ブラウザセットを使用すると、設計者はテストするブラウザの組み合わせをカスタマイズ、編集、および保存できます。.

    リトムサップ

    Litmusはあなたがあなたのウェブサイトのスクリーンショットをそれらがすべての主要なウェブブラウザを横切って見るときにあなたに見せる。テストが終了したら、完全な互換性レポートをクライアントによる確認のために準備できます。 Litmusには4つの料金プランがあります。無料で登録してExplorer 7とFirefox 2のブラウザテストのみを使用するか、料金プランを選択できます。.

    Anybrowser siteviewer

    Anybrowser Site Viewerを使用すると、他のブラウザと同じように、または異なる画面サイズでHTMLページを表示できます。さまざまなブラウザに表示されるので、リンクを表示しているページからリンクを表示しているページに移動し、テキストのみの純度を確認できます。また、Anybrowser Site Viewerでは、特定のページ要素を選択できます。.

    基本

    FundisomはあなたのサイトをSafari、MacIEあるいはMozillaの中のMacintosh G5で見ることを可能にするMacスクリーンショットジェネレータです。今のところlixlpixelのWeb開発Safari Screenshot Generatorは一時的にオフラインになっていますが、後で確認できます。.

    Delorie lynxview

    Delorie lynxviewは、テキストモードのWebブラウザであるLynxで表示したときに、Web作者が自分のページがどのように見えるかを確認できるサービスです。.

    ブラウラ

    Browseraは単なるスクリーンショットツールではなくテストツールとして使用されることを意図しており、ページレベルではなくサイトレベルで機能します。 Browseraはあなたのサイト上のページをクロールし、実際にレイアウトの不一致やスクリプトエラーについてテストします。.

    IEタブ

    IEタブは、別のブラウザウィンドウを開かなくてもInternet ExplorerにWebページをロードすることを可能にするFirefoxアドオンです。 Firefoxのツールバーのボタンをクリックすると、Firefoxの代わりにInternet Explorerエンジンを使用する新しいタブで現在のページが開きます。.

    プラグインとツール

    イテスター

    IETesterは、Windows 7、VistaおよびXP上でIE 9プレビュー、IE 8、IE 7、IE 6、およびIE 5.5のレンダリングおよびJavaScriptエンジンを使用できるようにする無料のWebブラウザです。 Web開発者が自分のサイトがすべての最も一般的なInternet Explorerのバージョンで正しく機能することをテストするのに役立ちます。.

    IECapt

    IECaptは、Internet ExplorerのWebページのレンダリングをBMP、JPEG、またはPNG画像ファイルにキャプチャするための小さなコマンドラインユーティリティです。.

    マルチサファリ

    Multi-Safariは無料のブラウザ互換性テストツールで、さまざまなバージョンのSafariを使ってWebサイトのレンダリングを確認することができます。 Multi-Safariは画面解像度テストを許可しません.

    Expression Webスーパープレビュー

    Expression Web SuperPreviewは、ユーザーがさまざまなバージョンのInternet Explorerで自分のWebサイトをテストできるようにする無料のツールです。 Expression Web SuperPreviewは、サイトをIE 6からIE 7または8に簡単に移行できるようにするスタンドアロンのビジュアルデバッグツールです。.

    アイフォニー

    iPhone用のWebサイトを開発する際に使用できる、ピクセル精度のWebブラウジング環境がiPhoneyに用意されています。あなたのiPhone開発には320 x 480ピクセルの完璧なキャンバスです。 iPhoneyはiPhoneシミュレータではありませんが、iPhoneで使用するために320×480のWebサイトを作成したいWeb開発者向けに設計されています。.

    MultipleIE

    MultipleIEを使用すると、Internet Explorer 3、4、5、6でWebページをテストできます。これらは古いブラウザですが、Webサイトがすべてのブラウザで使用可能になる場合は、MultipleIEを含む最も古いIEバージョンも確認してください。.

    複数のIE

    Multiple IEは、MultipleIEと同様のツールです。 Multiple IEは、IE 6.0からIE 3.0まで、同じマシン上で複数のバージョンのIEを実行できる小さなパッケージです。

    SortSiteプロフェッショナル

    SortSite Professionalを使用すると、Webサイトの構築者、所有者、およびコンサルタントは、サイト全体の規格への準拠および品質の問題を確認できます。 SortSiteは見つかった各ページをチェックしてから、すべての問題をリストしたレポートを作成します。 SortSiteは300以上の品質チェックポイントをチェック.

    ルナスケープ

    Lunascapeは、世界初で唯一のトリプルエンジンブラウザです。メインブラウザが含まれています:IE、Firefox、Chrome、Safari。 Lunascapeを使用すると、適切なタイミングで適切なエンジンを選択して、Webブラウザの互換性の問題、読み込み時間の短縮、Webサイトの不適切な表示を劇的に減らすことができます。.

    プレミアムサービス

    ブラウザカメラ

    BrowserCamは、あなたが選択したスクリーンショットを自動的に撮ることによって、あるいはリモートでコンピュータにアクセスすることによって、あなたが異なるプラットフォームやブラウザにわたってあなたのWebページを見ることを可能にする有料オンラインサービスです.

    クロスブロウテスト

    このサイトでは、任意のオペレーティングシステムとブラウザで、自分のWebサイト(または他の誰かのもの)をテストすることができます。物事を成し遂げようとしているとき、これはあなたに多くの時間を節約するべきです。購読料は19.95ドルから.

    Url2image

    Url2image Webサーバーファームを使用し、ログインユーザーとして、さまざまなブラウザとOSの組み合わせを使用して、Webページデザインのスクリーンショットを要求できます。 Url2imageはスクリーンショットの賞を提供しています。 2スクリーンショット1ドル.

    SortSite

    SortSite Professionalは、異なるブラウザでは正しく機能しない、または異なる動作をする一連の機能についてページをチェックします。標準ライセンス賞金は149ドルです.

    マルチブラウザビューア

    Multi Browser Viewerには、17のパッケージ化された仮想化スタンドアロンブラウザが含まれています。 17のスタンドアロンブラウザの他に、Multi-Browser Viewerはあなたのサイトを3つのオペレーティングシステム(Mac、WindowsそしてLinux)上の50のブラウザでテストする能力も持っています。シングルユーザーライセンスの賞金は99.95ドルです.

    クラウドテスト

    クラウドテストのクロスブラウザテスト機能を使用すると、IE 6、7、8、Firefox、Apple Safari、Google Chrome、およびOperaブラウザを使用して、電子商取引およびトランザクションWebサイトのルックアンドフィールと機能の両方を確認できます。 1回のテストあたりの価格はÂ???£0.10です。.