タイトルとして、グーグルクロームやFirefoxで向きをエミュレートすることは可能ですか？どういうわけか、メディアクエリをサポートするようにブラウザを変更することを意味します（向き=（横向きまたは縦向き））
モバイル用のエミュレーターを持っていますが、chromeまたはfirebugの開発者ツールが欲しいです。
Chromev25固有...
誰にとっても、Google Chrome Dev Tool> Overrides> Override Device Orientationalphaで、、、betaを変更できますgamma。ここから始めるところだと思いますが、どういう仕組みなのかわからないので何も見つかりません。
CSSメディアをエミュレートすることもできますが、縦向きや横向きではなく、印刷、スクリーン、テレビなどをエミュレートできます。
これは古い質問であり、Chromeはこれを行う方法を何度も変更しました。
Chrome開発ツールの場合：[設定]>[オーバーライド]>[デバイスの指標]に移動した場合
画面解像度のサイズを入れ替えると、向きが変わり、orientationchange-eventがトリガーされます。
向きは、「幅」と「高さ」の関係によって異なります。「height」の値が「width」よりも大きい場合、ブラウザは「portrait」の向きになり、その逆も同様です。
高さ>幅=縦向き
高さ<幅=横向き
Chromeで向きをエミュレートする方法を他の人が理解していると思いますが、この投稿に出くわし、まだ助けを求めている人のための手順を追加したいと思いました。
それは実際にはかなり単純です。
Chrome Dev Tools内から（Chrome内で、F12キーを押してChrome Dev Toolsを表示します）、[エミュレーション]タブに移動します。
ドロップダウンリストからエミュレートするデバイスを選択し、[エミュレート]をクリックします。エミュレートすると、[エミュレーション]タブの左側にあるスタックセクションリストにある[画面]セクションに、アクティブであることを示すチェックマークが付けられます。それを選択します。
画面セクションでは、エミュレートしているデバイスの解像度が上部近くのテキスト入力フィールドに表示されます。それらの間に「寸法を入れ替える」ボタンがあり、幅と高さを切り替えます。これにより、エミュレーションが縦向きから横向きに切り替わります。
あなたはできる：
16：9モニター、回転VESAスタンド、および方向の変更をサポートするドライバーがあると仮定します（これは、Windowsの画面解像度設定で確認できます。[方向]ドロップダウンリストがある場合は、ビューを回転できます）
画面を物理的に回転させてから、Windowsでディスプレイを回転させます（[Ctrl] [Alt] [左矢印]でディスプレイを回転させることもできます）。上記のように縦向きをエミュレートし、デバイスのピクセル比を1に設定します。これにより、モバイルデバイスエミュレーターがフルスクリーンサイズにスケールアップされます。追加のヘルプがないとモバイルレイアウトをネイティブにトリガーしませんが、emベースのメディアクエリを使用すると、[Ctrl][+]でChromeのem値をスケールアップしてモバイルレイアウトをトリガーできます。
開発ツールエミュレーションを使用すると、タッチスクリーンモニターなしでタッチスクリーンインターフェイスを近似できます。
また、任意のサイズの16：9モニターに「ワイドスクリーン」モバイルレイアウトを表示させることもできます。当然、16：10モニターを使用すると、ブラウザーのサイズを変更せずに10:16レイアウトをエミュレートできます。
Googleがこれに追加してほしい機能の1つは、エミュレート中に「ダブルタップ」でウィンドウのサイズを自動変更できる機能です。現在はサポートされていません。
コンソールを使用して、この行を入力します
window.dispatchEvent(new Event('orientationchange'));
これにより、orientationchangeイベントが発生するため、スクリプトに含まれるすべてのイベントリスナーがトリガーされます。
メディアタイプのエミュレート
Chrome Webツールパネルを開きます（F12または開いた方法）。開発者ツールウィンドウの右上（以前のバージョンのChromeでは右下）の小さなスプロケットをクリックします。[設定]見出しの下で、[上書き]をクリックします。次に、[ CSSメディアをエミュレートする]の横にあるチェックボックスをオンにして、ドロップダウンからシミュレートするメディアターゲットを選択します。
向きの変更をエミュレートする
このjsfiddleをのぞいて、出力フレームのサイズを変更します。ブラウザーの向きに応じて背景が切り替わります。
body {
background-position: top center;
}
@media screen and (orientation: portrait) {
body { background-image: url('http://petapixel.com/assets/uploads/2013/01/vangough.jpg'); }
}
@media screen and (orientation: landscape) {
body { background-image: url('http://cdn-media.hollywood.com/images/l/BobRoss2_620_102912.jpg'); }
}
@ MrOggy85が述べているように、向きはブラウザの高さと幅によって定義されます。これは、Firefoxで[ツール]>[Web開発者]>[レスポンシブデザインビュー]からエミュレートできます。これにより、一般的な画面サイズを選択したり、向きを反転したりできます。これがお役に立てば幸いです。
最新のChrome（バージョン62）では、完全に変更されています。
ここにはたくさんの答えがありますが、Chromeは少し進化した可能性があり、これはそれほど複雑ではないと思います。[デベロッパーツール]>[ Chromeでのエミュレーション]に移動します。[デバイス]、[画面]、[ユーザーエージェント]、[センサー]の4つのサブタブがあります。[デバイス]でデバイスを選択できます（例：「AppleiPad 1/2 / AppleMini」）。向きの入れ替えをシミュレートする必要がある場合は、[画面]サブタブに移動すると、向きを入れ替えるために左右に矢印が付いた小さなボタンがあります。そのボタンを押すだけです。
簡単！！！デバイスをエミュレートしている場合、デフォルトのビューはポートレートです（ポートレートのcssメディアクエリにもかかわらず）、解像度を処理するだけです。この画像は、Googleのドキュメント https://developer.chrome.com/devtools/docs/mobile-emulationにあります。 /device_metrics.png
解像度の幅と高さの間の矢印をクリックするだけで完了です!!
楽しみ
デバイスの向きの変更はChromeでエミュレートできます。開発ツールの右下にある歯車アイコンを使用して開くことができる[設定]メニューに移動し、[上書き]タブを選択するだけです。「デバイスの向きを上書きする」チェックボックスを選択し、入力ボックスに新しい値を入力します。
アルファは、0度から360度までのz軸を中心としたデバイスの動きを表します。ベータは、-180度から180度までのx軸の周りのデバイスの動きを表します-前後の動き。ガンマは、-90から90までのy軸の周りのデバイスの動きを表します-左から右の動き。値を変更すると、デバイスオリエンテーションイベントがトリガーされます。
これがお役に立てば幸いです。
[エミュレーション]タブで、左側の画面ボタンと320〜568のボタンをクリックするだけで、解像度を切り替えることができます。ポートレートモードとランドスケープモードをエミュレートします。
少し遅れますが、これはGoogleChromeでも機能します。
Firebugを開き、電話のアイコンをクリックします。その後、アプリを表示するデバイスモデルを選択できます。
このようなもの
次に、上の図に示すように、プロパティのresolution下に移動します。emulation（右下隅）同じresolutionプロパティの二重矢印アイコンをクリックします。このようなものが表示されるはずです
高さと幅が交換され、回転していることを確認してください:)
お役に立てば幸いです。
向きを設定する前にコンテキストを変更するだけです。
driver.context("NATIVE_APP");
driver.rotate(ScreenOrientation.LANDSCAPE);
driver.context("WEBVIEW_1");