搜索
查看: 724|回复: 3
收起左侧

[技巧] Chrome开发者工具截取整个网页为png图片文件,类似打印的同一时间效果

[复制链接]
nmyh
发表于 2020-8-25 14:36:59 | 显示全部楼层 |阅读模式
操作步骤:

1.Chrome打开一页面后,点“右边的三个点(.)按钮”→“更多工具”→“开发者工具”。
  (快捷键是:“F12”或者“Ctrl + Shift + I”)
操作步骤01.png

2.进入开发者工具界面后,点“右边的三个点(.)按钮”→“Run command”。
  (快捷键是:“Ctrl + Shift + P”)
操作步骤02.png

3.在上方“>”的右边输入“Screenshot”或“Capture”,再点击下面出现的“[Screenshot] Capture full size screenshot(截取整个页面)”。
操作步骤03.png

4.等待几秒,整个页面会自动保存为png图片文件,在Chrome的默认下载路径位置。


--------------------------------------------------------------------------------

js动态时间(测试整个页面以同一时间截屏,类似打印的).zip (818 Bytes, 下载次数: 8)
每天看美剧
发表于 2020-8-27 19:44:18 | 显示全部楼层
感谢分享
hf1986110
发表于 2020-9-7 10:48:54 | 显示全部楼层
很牛皮 可能会用到
nmyh
 楼主| 发表于 2020-9-7 13:12:47 | 显示全部楼层
hf1986110 发表于 2020-9-7 10:48
很牛皮 可能会用到

网上其实早就有教程了,Chrome及第三方应该都是可以的,即使旧版没有“Run command”按钮也可以按“Ctrl + Shift + P”快捷键调出来。
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

手机版|杀毒软件|软件论坛| 卡饭论坛

Copyright © KaFan  KaFan.cn All Rights Reserved.

Powered by Discuz! X3.4( 晋ICP备20004298号-1 ) GMT+8, 2020-9-23 08:45 , Processed in 0.130445 second(s), 19 queries .

卡饭网所发布的一切软件、样本、工具、文章等仅限用于学习和研究,不得将上述内容用于商业或者其他非法用途,否则产生的一切后果自负,本站信息来自网络,版权争议问题与本站无关,您必须在下载后的24小时之内从您的电脑中彻底删除上述信息,如有问题请通过邮件与我们联系。

快速回复 客服 返回顶部 返回列表