webdevqa.jp.net

ブラウザウィンドウのサイズをWindows XPの画面解像度よりも大きく設定するにはどうすればよいですか?

ブラウザのサイズ(主に幅)をWindows XPの画面解像度よりも大きく設定したい。ブラウザウィンドウをドラッグしてサイズを変更する簡単な方法はないようです。実際の画面の最大の幅と高さにサイズ変更されますが、それより大きくなることはありません。

大画面でいくつかのWebページをチェックしてテストする必要がありますが、自分の小さなノートブックしか持っていません。より大きなブラウザウィンドウを実現する方法はありますか? Chromeが望ましいですが、Windowsのすべてのブラウザでできます。

18
Frodik

この問題は次の2つの方法で解決できます:-

1.ユニバーサルブラウザーソリューション

  1. ダミーのHTMLページを作成する
  2. Iframeを本体に追加し、幅と高さの属性を目的の寸法に設定します
  3. Iframeのsrc属性をテストするページに設定します

2.個々のブラウザの開発者ツール

クローム

  1. Ctrl + Shift + iを使用して開発者ツールを開きます
  2. 左上の携帯電話のような2番目のボタンをクリックします。
  3. 幅を目的の幅にドラッグし、ページを更新します(F5)。

Internet Explorer

  1. F12を押す
  2. エミュレーションタブに移動します
  3. 解像度ドロップダウンを希望の解像度に変更します
  4. 水平スクロールバーが表示されるまで、開発者ツールバーの高さを下げます

Firefox

  1. Ctrl + Shift + iを使用して開発者ツールを開きます
  2. 「レスポンシブデザインモード」と呼ばれるデベロッパーツールの右上にあるアイコンの3番目のアイコンを押します。
  3. ウェブページビューポートの左上にある左上のドロップダウンセレクターで解像度を選択します。
7
Ben

私はズームアウトで別の解像度をテストしています-すべてのブラウザーがctrl +とctrlをサポートしています-

4
kajo

これは可能です。最初にウィンドウを「復元」(つまり最大化解除)します。次に、特定のウィンドウの端を好きなように使用して、ブラウザの幅と高さを調整するだけです。これは、google-chromeを含むすべてのブラウザおよびアプリケーションウィンドウに適用されます。

これはすべてのユーザーに対して機能するわけではないようです。 here で提案されているように、これを実行するuuspyというツールがあります。私はこれを行う方法を試していません。しかし、uuspyのUIはユーザーフレンドリーではないように見えるため、ここで簡単なヒントを紹介します。 uuspyを開きます。そこで、メインウィンドウに検索ボックスが表示されます。そこで、ブラウザの現在の「タイトル」の最初の数文字を入力し(「test-Google Search」など)、[refresh]をクリックします。タイトルバーに検索された部分的なタイトルを含むプロセスのウィンドウと子ウィンドウのリストが表示されます。関連するものをクリックします(ルート/親が最もありそうなものです)。次に、[GetInfo]をクリックします。そこには2つのテキストペインがあります。左側のペインにWS_THICKFRAMEがあります。選択を解除してsetStyleをクリックします。それはサイズ変更を凍結します。元のSO答えを読んで、何をする必要があるかを正確に知る必要があると思います。

1

ブラウザのズームを変更するか、次のようなことを行うことができます:

var desiredWidth = 1368;
document.querySelector('html').style.width = desiredWidth+'px';
0
Maycow Moura

シンプル!ウィンドウを任意のサイズに「復元」し、ウィンドウを下/左隅が画面から外れるようにドラッグしてから、上下を使用してサイズを変更し、ウィンドウをさらに大きくします。さらに大きくする必要がある場合は、ウィンドウをもう一度ドラッグして、画面の左下隅が画面からさらに離れるようにします。

0
Jakob

Chromeウィンドウを使用して dandeware.comからのScreenSpace (アフィリエーションなし)をリサイズしました。無料のliteバージョンと有料バージョンがあります。

Screenspaceをインストールした後、Chromeウィンドウを選択してCtrl-Alt-Rを押します。ソフトウェアは仮想ウィンドウを表示し、Chromeウィンドウを仮想ウィンドウを超えて任意の方向。緑のチェックマークをクリックすると、Chromeウィンドウは物理画面上で同じサイズになります。

0
THelper

Firefoxの場合 レスポンシブデザインモード

Menu -> Developer -> Responsive Design Mode (Ctrl-Shift-M)

ウィンドウサイズを選択するためのドロップダウンを提供します。

responsive design of this page set to 1920x1080

回答のコピー https://superuser.com/questions/1263519/how-to-create-a-1280x800-screenshot-of-a-chrome-browser-viewport/126352

0
serv-inc