开启时看不到Google Chrome设备框架

RoC*_*oCk 9 google-chrome google-chrome-devtools

我知道我的问题不合时宜,但是我还是会问。因为我需要一个答案,所以我也在Quora上问了这个问题。

从此站点显示了如何启用框架。

我想对我的Web应用程序进行截图甚至全屏截图以进行展示/将其用于报告。我曾经Chrome为此。

在开发人员的工具中,该选项可以隐藏和显示Device Frame。但是我没看到。

样品

如您所见,右侧有一个溢出菜单- hide device frame。我已经启用了它。

我从“角度材质”页面获取了一个示例屏幕截图。如您所见,没有包装Web应用程序的设备框架。但是我启用了设备框架。:(

角材料

我认为一旦完成屏幕截图,设备框架就会可见。但是我所看到的就是我得到的。

这是错误吗?是否有任何扩展程序可以执行此操作?

OXi*_*GEN 12

从 Chrome v97.0.4692.71 (Win10) 开始:

\n

带框架的设备:

\n
    \n
  • 摩托G4
  • \n
  • Nexus 5X
  • \n
  • Nexus 6P
  • \n
  • 巢中心
  • \n
  • 巢集线器最大
  • \n
  • iPhone 5/SE
  • \n
  • iPhone 6/7/8
  • \n
  • iPhone 6/7/8 Plus
  • \n
  • iPad
  • \n
\n

带工具栏的设备(无框架):

\n
    \n
  • Nexus 5
  • \n
\n

使用的测试程序:

\n
    \n
  1. 切换设备工具栏 ( Ctl++ ) 以显示设备Shift模式M
  2. \n
  3. 单击\xe2\x8b\xae设备工具栏上的菜单“显示设备框架”
  4. \n
  5. 单击设备列表菜单选择“编辑...”
  6. \n
  7. 手动选择开发面板上设备列表上的每个选项(因为没有“全选”选项)
  8. \n
  9. 单击设备列表菜单将视图设置为最顶部选项
  10. \n
  11. 从顶部开始手动开始取消选择开发面板上的每个设备。取消选择当前选择后,视图会自动切换到列表中的下一个设备。
  12. \n
  13. 重新选择我真正想要的设备
  14. \n
\n


RoC*_*oCk 10

Device从设置中添加了所有类型,这些是带有框架的

我的 Chrome version: 67.0.3396.87


电话

Iphone 5/SE -具有方向性,但不提供键盘和工具栏。

Iphone 6/7/8 -具有方向性,但不提供键盘和工具栏。

Iphone 6/7/8 Plus -具有方向性,但不提供键盘和工具栏。

Nexus 5- 没有框架环绕,只有导航和状态栏。提供布局方向的键盘和工具栏(来自Chrome浏览器)

Nexus 5x- 提供布局方向的键盘和工具栏(来自Chrome浏览器)

Nexus 6P -具有方向性,但不提供键盘和工具栏。


片剂

Ipad -具有方向性,但不提供键盘和工具栏。


笔记本电脑

没有


其余的将不起作用。

(我注意到,如果您连接到互联网,则似乎将下载该框架。尤其是上面提到的那些框架)

在这种情况下,我的笔记本电脑处于飞行模式,但已经有了框架,但没有Chrome浏览器中的其他组件(如键盘和工具栏)。

飞机

我打开网络。并再次选择选项

网络


在Opera中,与Chrome开发者工具相同。在边缘。没有设备框显示选项。

  • 我想知道为什么 Google 自己的设备(Pixel 系列)在 Chrome 中没有框架...... (5认同)
  • 我们可以添加新的自定义设备框架吗? (2认同)