如何将 Google Pixel 添加到 Chrome 开发者工具中？

Question

有谁知道如何将 Google Pixel 作为新的移动设备添加到 Chrome 开发人员工具中？

Answer 1

我不知道有什么方法可以使用 Android UI 添加自定义设备（就像 Nexus 设备那样），但您可以添加自定义设备：

1. 打开 Chrome 开发者工具（F12或Ctrl+ Shift+ I）
2. 如果设备工具栏尚未打开，请打开它 ( Ctrl+ Shift+ M)
3. 在设备工具栏上，单击带有设备名称的下拉菜单，然后选择“编辑...”
4. 在“模拟设备”下，选择“添加自定义设备”按钮
5. 在“设备名称”中输入 Google Pixel
6. 在“宽度”和“高度”框中，分别键入412和662
7. 将“设备像素比”和“用户代理字符串”留空，并确保下拉菜单设置为“移动”
8. 按“添加”按钮

Google Pixel 现在将作为可选设备显示在设备工具栏中。

注意事项：

• 这不会添加 Android UI，但应该代表移动开发和测试的视口（在我的设备上使用默认设置进行测量）。
• 这也没有考虑到用户在 Google Pixel 的显示设置中更改了“显示大小”，这可能会使视口变大或变小。
• 当页面第一次加载时，Android 上的 Chrome 中的视口会稍微短一些（更少的垂直像素），因为工具栏是可见的，但会滚动离开。以上值是在没有工具栏的情况下测量的。