chr506029589

  打开 Chrome 浏览器,进入需要截图的网站页面,截取整个页面

    1.等待页面加载完毕后,通过下面方法打开开发者工具:在页面任何地方点击鼠标右键,在弹出菜单中选择“检查(Inspect)”选项。 或者使用快捷键组合:Alt + CommandI (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”

 

分类:

技术点:

相关文章: