在chrome设备模拟器模式下截屏

Question

我正在使用最大分辨率为1366px的笔记本电脑。 我想截取一个网站在chrome中的设备模拟器模式中的样子 - 当我设置宽度更大时 - 如1600px。

当我这样做时 - 设备视口会从我的chrome窗口溢出，其中一部分被隐藏 - 我如何截取这个 - 打印屏幕不会工作。是插件还是镀铬扩展？

Answer 1

找到此菜单，仅显示设备屏幕截图

Answer 2

在最新的chrome中我们可以捕获节点，

1. 打开开发人员工具
2. 选择要捕获的节点
3. 按CMD / CTRL + SHIFT + P，它将打开一个＆＃34;命令菜单＆＃34;
4. 过滤命令使用＆＃34; screenshot＆＃34;关键字
5. 选择＆＃34;捕获节点屏幕截图＆＃34;



https://developers.google.com/web/updates/2017/08/devtools-release-notes

的更多信息