面向以移动设备为先的一代设备的全新设备模式
我们在一年多前推出了设备模式，这种模式可用于模拟设备并使用自适应设计。现在，从 Chrome 49 开始，该功能迎来了首次重大升级。那么，有什么新变化呢？
移动设备正在成为 Chrome 开发者工具的起点。虽然我们过去提供了模拟移动设备的方法，但开发默认设置为桌面设备。移动设备模拟功能必须始终处于开启状态。现在，移动网站的使用量在许多地方已超过桌面版，因此我们也将在 DevTools 中调整相关位置。
最新资讯
首先，界面更加简洁，占用的空间更少。我们希望新设备模式成为大多数开发者的主开发模式，因此需要采用简洁明了的设计来扩展主要的 DevTools 导航栏。
媒体查询上方新增了快速跳转设备标尺。
此外，我们还将视口居中，并在顶部添加了新的快速跳转设备标尺，这对于自适应设计非常有帮助，可让您大致了解最常见的设备尺寸。
最后，我们尽可能将许多选项打包在一起或隐藏在切换开关后面。这些新的复合选项让您可以更轻松地在模式之间切换。如需切换某些控件或自定义工具栏体验，请点击三点状菜单图标。
默认响应式
主要的 DevTools 工具栏现在会展开到浏览器窗口的左侧，其中包含用于模拟各种移动设备和桌面设备的最重要的工具。您可以从以下两种开发模式中进行选择：
- 自适应广告
- 特定设备
在这两种模式下，视口都位于 Chrome 中自己的可调整大小的窗口中。这样做的一大优势是，您可以按照自己的喜好最大化浏览器窗口和 DevTools，并且在测试网页的多种尺寸并来回切换时，它们不会跳来跳去。
在积极迭代期间，您应采用响应式模式，以确保您的网站适用于各种设备，而不仅仅是某些特定设备。在此模式下，视口旁边的操作手柄可自由调整大小。
特定设备是指您选择特定设备并将视口锁定为其尺寸的情况。如果您想在发布前为几款热门设备进行最终修复和调整，此功能会非常有用。因此，我们不会在下拉菜单中显示各种设备的庞大列表，而是会显示目前最受欢迎的设备。如果您选择了某个设备，我们会尽力使其行为与真实设备尽可能相似：模拟轻触事件、用户代理、视口以及设备边栏和界面（如果有）。
集成式远程调试
模拟（即使是最好的模拟）也只能做到这种程度。有些事情目前无法通过模拟来实现，例如：
- 检查按钮是否足够大，能否用拇指轻松按下。
- 在速度较慢的手机上测试网站的性能。
- 调试特定设备的随机问题和限制。
为了充分测试所有这些场景，您需要使用实际的物理设备进行测试、工作和调试。
一段时间以来，您可以浏览到 chrome://inspect，通过 USB 连接设备，然后通过 DevTools 打开远程调试会话。不过，我们现在更进一步，重构了远程调试的外观和行为，并将其嵌入到 DevTools 的核心中。现在，您可以直接在新主菜单中以对话框形式访问检查设备，而无需浏览到其他页面。这样，您就可以更轻松地将实体调试纳入工作流中，只需插入手机，无需退出开发者工具！
旧版模拟控制功能的其他部分的新位置
由于移动设备现在是所有开发者工具的默认设备，因此网络节流等功能已移至适当的位置，在本例中是“网络”面板。
某些功能（例如传感器模拟或渲染设置，例如模拟平面媒体）已移至抽屉式菜单中一致的位置。您可以在新版主菜单的“更多工具”下找到所有额外功能。
我们知道这是一项重大变更，我们所有人都必须适应。如需详细了解其中的所有内容，请参阅新近更新的设备模式文档。我们非常期待您在 Twitter 上与我们联系，如果您需要超过 140 个字符，也可以通过我们的bug 跟踪器与我们联系（即使是功能请求也是如此）。