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使用的测试程序:
\n\xe2\x8b\xae设备工具栏上的菜单“显示设备框架”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开发者工具相同。在边缘。没有设备框显示选项。