Google chrome p>

接下来，转到上图所示的

仿真

属性下的

分辨率

。（右下角） 现在，在相同的

分辨率

属性中单击双箭头图标。你应该看到这样的东西

请参见高度和宽度已交换并因此旋转：）

希望有帮助

对于最新的Chrome（版本62），它完全改变了

切换开发工具

单击右上角菜单“自定义和控制DevTools”

浏览更多工具->传感器

根据需要将方向更改为横向左侧或横向右侧

---

---

在Chrome中，我使用窗口大小调整扩展：-它允许您指定窗口的大小，因此您可以通过让浏览器具有纵向或横向视图来伪造方向？您知道扩展是否适用于媒体查询吗？在Chrome开发者工具中，也可以设置窗口的宽度和高度，但我认为这不会改变媒体查询的方向。根据这个问题/答案：该功能可能只对OS X可用。我只是尝试使用

警报（window.orientation）无效。对于开发，您是否可以使用不同的宽度而不是方向，然后切换到实时版本？是的，我想我必须使用som伪值来确定方向。或使用移动浏览器..:/另外，我认为Chrome（包括其他浏览器）标准显示横向，因此我必须模拟纵向。我为您添加了一个答案，展示了如何模拟CSS媒体，如打印、电视等。检查一下，我迫不及待地想尝试一下，这就是genius。在Chrome 32.0.1700.77中，我没有看到
覆盖
下的
设备度量
选项，我只在控制台抽屉中看到
显示“仿真”视图
：（我真的不知道你在新版本中是如何做到这一点的。有时感觉谷歌改变Chrome就像自己改变内裤一样……高度和宽度的比较有一个严重的缺陷：当你在纵向模式下激活虚拟键盘时，高度可能会小于重量。当虚拟键盘覆盖时，你能模拟视口吗起作用了？我发誓谷歌已经放弃了支持。这是有效的。我能够做到：
var mqOrientation=window.matchMedia（（（orientation:patrait）”）；
然后让监听器
mqOrientation.addListener（函数（mediaQueryList）{console.log（mediaQueryList.matches）}；
返回true/false，很高兴我能帮上忙。在Firefox中，响应设计模式不会触发方向更改事件，也不会更新screen.orientation.angle变量，我创建了一个错误报告：很好，但无法加载横向图片。这是另一个背景图片：：）你不应该使用“screen and”媒体查询（它们从来都不是实现媒体查询的正确方式）；这种技术在电视媒体类型出现之前就已经彻底摧毁了它。智能电视必须报告一种媒体类型的“屏幕”为了得到任何类似于一个美观的网站的东西…一个人也不应该做出绝对的陈述。编辑我的答案。似乎是一个有效的修改。不确定你的意思。我只是指出“屏幕和”媒体查询受设计限制。打印媒体查询可用于剥离不需要打印的项目，但屏幕媒体查询不会增加任何正值；它只会破坏设备之间的兼容性。“屏幕和”媒体查询是多余的。基于em的媒体查询（无屏幕媒体类型）注意：关于绝对陈述的绝对陈述只是一个开玩笑的自我参照，因为我说过“从不”这是真正的答案。新的仿真工具非常棒。我正要更新我的答案，但我看到了这个。你应该知道，谷歌的大多数网站都知道被仿真，开发工具的存在并不像你想象的那样透明，例如
X-DevTools
标题（有关详细信息，请查找
X-DevTools-Emulate-Network-Conditions-Client-Id
）这将触发方向更改事件，但screen.orientation.angle变量（）例如，将仍然是0而不是90，因此如果您想绕过必须使用垂直视图而不是水平视图的限制，则将失败。
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'); }
}

window.dispatchEvent(new Event('orientationchange')); 

driver.context("NATIVE_APP");
driver.rotate(ScreenOrientation.LANDSCAPE);
driver.context("WEBVIEW_1");