web-dev-qa-db-ja.com

高解像度画面をシミュレートする方法は?

ブラウザが私の画面よりも高い解像度で私のウェブサイトをテストする方法はありますか?

例:1440 x 900の画面があり、1920 x 1200、1920 x 1080などでWebサイトをテストしたい.

87
HappyDeveloper

間違っている場合は、私を修正して、style="desired width & height"src="your/test.site"の唯一の子として<body>を使用してiframeを作成することができます。解像度が指定された幅/高さであるかのようにサイトを表示し、それを調べるためのスクロールバーが表示されます。

サードパーティを使用するのではなく、自分でセットアップする必要がありますが、インターネットに接続せずにローカルでテストできるという利点があります。

69
Cody Crumrine

このソリューションは、上で提案したものよりもはるかに高速です。

http://www.infobyip.com/testwebsiteresolution.php

Browsershots.orgほど汎用性はありませんが、はるかに高速です(数秒対45分キュー)。

26
Kyle

いくつかのアイデア:

ブラウザズーム、1024x768 50%ズーム= 2048x1536シミュレーション解像度を使用、Chrome画像などのサイズを変更します。読みにくくなりますが、配置などをテストしていると仮定しています。

また、いくつかのスクリーンショットプログラムを使用して、通常の解像度よりも高いスクリーンショットを撮ることができます(Firefoxのファイヤーショットでこれを行うことができますが、本当に高解像度でメモリの問題があり、もう無料ではありません)。

9
StrangeWill

おそらく過剰な解決策の1つは、 Xvfb を使用することです。目的の解像度と色深度を設定し、ブラウザにページをロードして、スクリーンショットを撮ります。

viewlike.us または screen-resolution.com を試してください。すべての可能な解像度ではありませんが、少なくとも最も一般的な解像度です。

私はそれらを試していないが、それはかなり簡単だ。

4
Eddie Cheng

これはテストの正確な解像度を教えてくれませんが、ChromeまたはFFでzoomツールを使用してズームアウトできます。これにより、サイトは高解像度の画面のように見えます。

2
Jason Gennaro

あなたがあなたのサイトの静的なスクリーンショットを見るだけでいいなら、私はお勧めします http://browsershots.org/

これらは、画面サイズを指定する機能やその他の多くのオプションを含む、事実上すべてのブラウザー/ OSの組み合わせでサイトのスクリーンショットを表示するオプションを提供します。

ブックマークする価値があります。

2
Spudley

IE9では、ブラウザウィンドウのサイズを任意のサイズに変更できます。開発者ツールの場合はF12キーを押し、[ツール] | [サイズを変更して、希望のサイズを選択します。次に、ウィンドウが画面よりも大きい場合、オフスクリーンウィンドウをキャプチャできるツールを使用します。 これ 記事は、Snagitがこれを実行できることを示しているようです。次に、キャプチャした写真を見てください。

1
Jaco Briers

wkhtmltoimage を試してみてください。任意の解像度でスクリーンショットを撮ることができます。

また、KDE4では、画面サイズを超えてウィンドウを拡大することができます。 Windows 7でも見たと思う。他のOSについてはわかりません。

1