現在の画面の解像度より高い解像度でWebページをテストする最良の方法は何ですか？

画面が1900pxしかないときに、2400pxの解像度でWebページのcss、html、javascriptレンダリングをテストする必要があるレスポンシブなWebサイトを作成しています。

Chromeブラウザ：

1. を押しF12ます。これによりDevToolsが開きます。

2. 右下の設定アイコンをクリックします。これにより、DevTools設定が開きます。

3. 左側のメニューの[上書き]に移動します。

4. 有効化とデバイスの指標を確認します。

5. 画面解像度を入力します

私はいつもそれを使っています、それは本当に便利です。

あなたがヒットした場合Ctrl+ Shift+ MのFirefoxの最近のバージョンでは、次のように入力します応答デザインビュー実際の画面サイズよりも大きくなるように、ブラウザのビューポートのサイズを変更することができ、。スクリーンショットを取り、FF 26以降のタッチイベントをシミュレートすることもできます。

^{フルサイズはこちら}

ウィンドウを小さくすると、サイズ変更が簡単になる場合があります。一度にサイザーをさらにドラッグできます。または、ドロップダウンからカスタムプリセットを入力します。

このWebサイトを試すことができます。事前に設定された解像度から選択するか、カスタムの解像度を入力できる任意の画面解像度でWebページをテストできます。これらの行がお役に立てば幸いです。

この質問はおそらくウェブマスターに適していますが、私はそれに挑戦し、ViewLikeUsを提案します

では、最も一般的な解像度形式でWebサイトがどのように表示されるかを確認できます。

ビデオカードのコントロールパネルでカスタム画面解像度を追加します。

このオンライン解像度テスターを試してみてください。サイトをテストするためのさまざまな解像度が用意されています。サイトのURLを入力し、解像度を選択して確認してください。

http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html

お役に立てれば！！！

Chromeのアドオンを試すことができます：カスタム解像度をサポートする解像度テスター :)

ブラウザのズームを変更するだけです。ズームアウトすると、基本的にウィンドウサイズがアプリケーションにますます大きな幅を報告します。

ここでjsfiddleの例、ボタンをクリックして、それが報告している幅を確認してから、少しズームアウトして同じボタンをクリックします-より大きなサイズが報告されます。

Google Chromeのデバイスエミュレータでカスタム解像度設定を試してください。これにより、ブラウザのズーム機能を使用するよりも詳細に制御できます。

デバイスエミュレータを有効にして、[ズームして合わせる]オプションをオンにします。

解像度を最大9999pxまで手動で入力します（またはエミュレートされた画面の端をドラッグします。エミュレートされた解像度は、独自のビューポートに収まるようにスケーリングされます。

とにかくスクロールダウンできるので、実際には解像度の高さを低く保つことができます。これにより、インスペクタを開いたままにすることができます。Web開発の優れたワークフロー！