是否有可能在浏览器中模拟方向？
由于标题是可以模仿在谷歌浏览器或Firefox的方向？ 意思是改变浏览器来支持媒体查询（orientation =（landscape or portrait））
我有一个移动模拟器，但我想从铬或萤火虫开发人员的工具。
更新
Chrome v25特定…
对于任何人，在谷歌浏览器开发工具>覆盖>覆盖设备方向，你可以改变alpha ， beta和gamma 。 我认为这是一个开始的地方，但我不知道这些工作如何，因此没有find任何东西。
也可以模拟CSS媒体，但不能纵向和横向，但打印，屏幕，电视等。
请参阅K. Alan Bates的回答 ，以获取有关Chrome更新近仿真function/更新的解释。
是否有可能在浏览器中模拟方向？
模拟媒体types
打开Chrome Web Tools面板（F12，或者打开它）单击开发人员工具窗口右上angular的小链轮（在以前版本的chrome的右下angular）angular落。 在设置标题下，点击覆盖 。 接下来，选中Emulate CSS Media旁边的checkbox，然后从下拉列表中select您想要模拟的媒体目标。
仿真方向变化
看一眼这个jsfiddle并调整输出框的大小 – 它会根据浏览器的方向来切换背景。
body { background-position: top center; } @media screen and (orientation: portrait) { body { background-image: url('assets/uploads/2013/01/vangough.jpg'); } } @media screen and (orientation: landscape) { body { background-image: url('http://cdn-media.hollywood.comhttp://img.dovov.coml/BobRoss2_620_102912.jpg'); } }
在Chrome开发工具：如果你去设置>覆盖>设备指标
如果交换屏幕分辨率的尺寸，方向将会改变，orientationchange事件将被触发。
方向取决于“宽度”和“高度”之间的关系 。 如果“高度”的值高于“宽度”，则浏览器将处于“纵向”方向，反之亦然。
高度>宽度=肖像
高度<宽度=风景
我确信其他人已经想出了如何在Chrome中模拟方向，但我遇到了这个post，并想要为任何仍在寻求帮助的人添加说明。
这其实很简单。
这些说明是最新的
Chrome Stable 34.0.1847.131
在Chrome开发工具内（Chrome浏览器，点击F12启动Chrome开发工具），进入“仿真”选项卡。
从下拉列表中select您想要模拟的设备，然后点击模拟 。 当您模拟时，位于“仿真”选项卡左侧的堆叠部分列表中的“屏幕”部分会显示一个复选标记，表示它处于活动状态。 select它。
在屏幕部分，您正在模拟的设备的分辨率将显示在靠近顶部的文本input字段中。 它们之间有一个“交换尺寸”button，可以将宽度与高度切换，实质上可以将仿真从纵向切换到横向。
您可以在Chrome开发工具的模拟器中执行一些其他相关的事情
您可以：
- 仿真设备像素比例
- 仿真CSS媒体types（盲文，浮雕，手持，打印，投影，屏幕，语音，tty，电视：更多细节参见RFC 2534和相关文档）
- 欺骗用户代理：您可以让Chrome浏览器“冒充”其他浏览器引擎。
- 模拟触摸屏（这不是完美的，但它是一个很好的触摸（<= 边缘 ））
- 模拟地理坐标（包括“位置不可用”模拟）
- 仿真加速度计
我的个人肖像倾向发展技巧
假设你有一个16：9的显示器，一个旋转的VESA支架，以及支持方向改变的驱动（你可以在Windows的屏幕分辨率设置中find它，如果有“方向”下拉列表，那么你可以旋转你的视图）
物理旋转屏幕，然后在Windows中旋转显示器（也可以按[Ctrl] [Alt] [Left Arrow]旋转显示屏）。 如上所述模拟纵向方向，并将“设备像素比”设置为1.这将使您的移动设备模拟器扩展为全屏幕大小。 没有一些额外的帮助，它不会自然触发移动版式，但基于时间的媒体查询将允许您[Ctrl] [+]扩大Chrome的em值，以触发您的移动版式。
使用开发工具仿真function，您可以近似触摸屏界面而无需使用触摸屏显示器。
它也允许您有任何大小的16：9显示器显示“宽屏”移动布局。 当然，16:10的显示器可以让你模拟10:16的布局，而不必调整浏览器的大小
Google真正希望看到的一个function就是在仿真“双击”时自动调整窗口大小的function。 目前尚不支持。
我正在使用控制台并input这一行
window.dispatchEvent(new Event('orientationchange'));
它会触发orientationchange事件，并因此触发您脚本中的任何事件侦听器。
正如@ MrOggy85指出的那样，方向是由浏览器的高度和宽度来定义的。 您可以通过工具> Web开发人员>自适应devise视图在Firefox中模拟此，这可以让您select常见的屏幕大小，并让您翻转方向。 我希望这有帮助？
这里有很多答案，但我认为Chrome可能已经有所发展，但这不是太复杂。 在Chrome中进入开发者工具>仿真 。 有4个子选项卡：设备，屏幕，用户代理和传感器。 在设备下，您可以select您的设备（例如“Apple iPad 1/2 / Apple Mini”）。 如果你需要模拟交换的方向，只需进入屏幕子选项卡，并有一个小小的button，左右箭头交换方向。 只要按下该button。
简单！！！ 默认视图是肖像，如果你正在模拟设备，（尽pipe纵向的CSS媒体查询），你可以只处理的决议，有这个图像在谷歌的文档https://developer.chrome.com/devtools/docs/mobile-emulation /device_metrics.png
只需点击分辨率宽度和高度之间的箭头，完成！
请享用
在Chrome中可以模拟设备方向更改。 只需进入“设置”菜单，该菜单可以使用开发工具右下angular的齿轮图标打开，然后select“覆盖”选项卡。 select“覆盖设备方向”checkbox，并在input框中input新的值。
Alpha表示设备围绕z轴从0到360度的运动。 Beta表示设备围绕x轴从-180到180度的运动 – 前后运动。 Gamma表示设备围绕y轴从-90到90的运动 – 从左到右的运动。 更改值将触发设备方向事件。
希望这是有帮助的。
在仿真选项卡中，只需点击左边的屏幕button和320到568之间的button，即可切换分辨率！ 这将模拟纵向和横向模式。
有点晚了，但这也适用于谷歌浏览器。
打开萤火虫，然后按一下手机图标，然后select您要查看应用程式的装置型号。
像这样的东西
接下来，转到如上图所示的emulation属性下的resolution 。 （右下angular）现在点击相同resolution属性中的双箭头图标。 你应该看到这样的东西
看到已经交换的高度和宽度，因此旋转:)
希望有所帮助。
只需在设置方向之前更改上下文….
driver.context("NATIVE_APP"); driver.rotate(ScreenOrientation.LANDSCAPE); driver.context("WEBVIEW_1");
