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

Question

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

Answer 1

我不知道如何使用Android UI添加自定义设备（如Nexus设备），但您可以添加自定义设备：

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

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

注意事项：

• 这不会添加Android UI，但应该代表移动开发和测试的视口（在我的设备上使用默认设置进行测量）。
• 这也没有考虑用户更改＆＃34;显示尺寸＆＃34;在Google Pixel的显示设置中，可以使视口变大或变小。
• 当工具栏首次加载时，Android上Chrome中的视口会稍微缩短（垂直像素较少），但会滚动显示。上面的值是在没有工具栏的情况下测量的。