【问题标题】:take screenshot in chrome device emulator mode在 chrome 设备模拟器模式下截屏
【发布时间】:2016-06-23 16:41:58
【问题描述】:

我正在使用最大分辨率为 1366 像素的笔记本电脑。 我想截取网站在 chrome 中设备模拟器模式下的外观 - 当我将宽度设置为更大时 - 比如 1600px。

当我这样做时 - 设备视口溢出我的 chrome 窗口,其中一部分被隐藏了 - 我如何截取这个 - 打印屏幕不起作用。有插件或chrome扩展吗??

【问题讨论】:

    标签: google-chrome width device viewport


    【解决方案1】:

    找到这个菜单,它只截取设备屏幕截图

    最新的 chrome 有“捕获全尺寸屏幕截图”

    【讨论】:

    • 没有“+”或谢谢。美好的。但是作为对您答案的评论,为什么还没有人“+”-ed呢?这是问题的答案。
    • @andersoyvind 如果我使用大于我的物理屏幕尺寸的分辨率尝试此操作,则屏幕截图对于从物理屏幕脱落的部分是黑色的。或者,如果缩放设置为小于 100% 以适合物理屏幕,则屏幕截图也会缩小。所以不幸的是,该解决方案不起作用(我希望它能够起作用,这很有意义)
    【解决方案2】:

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

    1. 打开开发者工具
    2. 选择要捕获的节点
    3. 按 CMD/CTRL + SHIFT + P,会打开一个“命令菜单”
    4. 使用“screenshot”关键字过滤命令
    5. 选择“捕获节点截图”

    更多信息https://developers.google.com/web/updates/2017/08/devtools-release-notes

    【讨论】:

      猜你喜欢
      • 2019-12-24
      • 1970-01-01
      • 1970-01-01
      • 2016-07-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-08
      相关资源
      最近更新 更多