Chrome浏览器实现滚动截屏
打开 Chrome 浏览器,进入需要截图的网站页面,截取整个页面
1.等待页面加载完毕后,通过下面方法打开开发者工具:在页面任何地方点击鼠标右键,在弹出菜单中选择“检查(Inspect)”选项。 或者使用快捷键组合:Alt
+ Command
+ I
(Mac) 或 Ctrl
+ Shift
+ I
(Windows)
2.使用快捷键组合来打开命令行(command palette):Command
+ Shift
+ P
(Mac) 或 Ctrl
+ Shift
+ P
(Windows)
3.在命令行中输入“Screen”,这时自动补齐功能会显示出一些包含 “Screen” 关键字的命令。选择“Capture full size screenshot”并回车
如果并不想截取整个页面,而是截取页面中的一些元素,也可以利用开发者工具实现
1.进入需要截图的网站页面,打开开发者工具(方法和上面两步相同)
2.点击开发者工具左上角的“选取元素”按钮,在网页中点击要截图的元素
3.打开命令行,进行截图命令(方法和上面第四步类似)。在包含 “Screen” 关键字的命令中选取“Capture node screenshot”