使用 Microsoft Edge DevTools 模拟设备方向Simulate device orientation with Microsoft Edge DevTools

完成以下操作以模拟来自 Microsoft Edge DevTools 的不同设备方向。Complete the following actions to simulate different device orientations from Microsoft Edge DevTools.

  1. 选择 Control+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS) 打开命令菜单Select Control+Shift+P (Windows, Linux) or Command+Shift+P (macOS) to open the Command Menu.

    命令菜单

  2. 键入 sensors ,选择 "显示传感器", 然后选择 EnterType sensors, choose Show Sensors, and select Enter. 传感器 工具 在 DevTools 窗口底部打开。The Sensors tool opens at the bottom of your DevTools window.

  3. "方向"列表中,选择预设方向之一,例如,或选择"自定义方向" Portrait upside down 来提供你自己的精确方向。 From the Orientation list, select one of the preset orientations, such as Portrait upside down, or choose Custom orientation to provide your own exact orientation.

    选择自定义 方向后,将启用 alphabetagamma 字段。After you choose Custom orientation, the alpha, beta, and gamma fields are enabled.

    您还可以通过拖动方向模型来设置 自定义方向You are also able to set a custom orientation by dragging the Orientation Model. Shift 拖动以沿轴旋转之前 alpha 按住。Hold Shift before dragging to rotate along the alpha axis.

    方向模型

联系 Microsoft Edge 开发工具团队Getting in touch with the Microsoft Edge DevTools team

使用以下选项讨论帖子中的新功能和更改,或与 DevTools 相关的任何其他内容。Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • 使用“发送反馈”图标发送反馈,或在 DevTools 中选择Alt+Shift+I \ (Windows、Linux) 或 Option+Shift+I \ (macOS)。Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • 发推 @EdgeDevToolsTweet at @EdgeDevTools.
  • 我们想要的 Web 提交建议。Submit a suggestion to The Web We Want.
  • 若要提交有关本文的错误,请使用以下“反馈” 部分。To file bugs about this article, use the following Feedback section.

Microsoft Edge DevTools 中的“发送反馈”图标

备注

此页面的某些部分是根据 Google 创建和共享的作品所做的修改,并根据 Creative Commons Attribution 4.0 International License 中描述的条款使用。Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
原始页面位于此处,由 Kayce Basques\(Chrome DevTools & Lighthouse 的技术作家\)撰写。The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Creative Commons License
本作品根据 Creative Commons Attribution 4.0 International License 获得许可。This work is licensed under a Creative Commons Attribution 4.0 International License.