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

Question

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

此site展示了如何启用框架。

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

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

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

我从Angular Material页面获取了一个示例屏幕截图。如您所见，没有包装Web应用程序的设备框架。但是我启用了设备框架。 :(

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

这是一个错误吗？有可以执行此操作的扩展程序吗？

Answer 1

我从设置中添加了所有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-具有方向性，但未提供键盘和工具栏。

---

LAPTOP

没有

---

其余的将不起作用。

（我注意到，如果您连接到互联网，则似乎将下载框架。尤其是上面提到的那些内容）

在这种情况下，我的笔记本电脑处于飞行模式，并且已经安装了框架，但是没有Chrome浏览器中的键盘和工具栏等其他组件。

我打开网络。然后再次选择选项

---

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