打开 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”

 

版权声明:本文为chr506029589原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/chr506029589/p/9334385.html