Chrome浏览器如何完美实现截长屏幕<进阶教学十分有用>

更新时间:2022-04-12 133 来源:谷歌浏览器官网
正文介绍

  我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在屏幕上的内容,那我们该如何方便快捷截取全部内容?今天就分享一个如何利用Chrome浏览器在不安装第三方软件的情况下直接截取网页的方法。

1

  如何利用Chrome浏览器截屏

  1、选择Chrome浏览器,打开需要截图的网页;

  2、页面加载完成后,按下快捷键组合 Ctrl+Shift+I(Windows)/F12 或者 Alt+Command+I(Mac)调出开发者工具

  3、开发者工具中,按下快捷键组合Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)来打开命令行

  4、在命令行中输入"Screen",可以看到三个选项,根据不同需求进行选择

  ◆ 整个网页:Capture full size screenshot

  ◆ 节点网页:Capture node screenshot

  ◆ 当前屏幕:Capture screenshot


  应用

  1、截取整个网页的内容,进行截屏(Capture full size screenshot)

  2、选择需要的元素节点,进行截屏(Capture node screenshot)

  3、根据当前当前屏幕的大小,进行截屏(Capture screenshot)


  总结

  如果你想在网页中截取手机的画面截,可通过快速键 Ctrl + Shift + M(Mac为 Command + Shift + M)来开启模拟工具,切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形,再根据上面介绍的截图功能抓取网页在手机显示的画面截图


  利用Chrome浏览的开发者工具,完美实现网页全屏截图,不需要安装任何插件,大家快来试试吧。小编为你总结:

  ① Ctrl+Shift+I(F12)

  ② Ctrl+Shift+P

  ③ 输入"Screen"

  ④ 选择不用的方式截取:

  ▶ 整个网页(Capture full size screenshot)

  ▶ 节点网页(Capture node screenshot)

  ▶ 当前屏幕(Capture screenshot)

  更多谷歌浏览器技巧都在chrome下载站。

  


相关下载
谷歌浏览器电脑版 谷歌浏览器电脑版

硬件:Windows系统 版本:130.0.6723.117 大小:9.75MB 语言:简体中文 评分: 发布:2023-07-23 更新:2024-11-08 厂商:谷歌信息技术(中国)有限公司

相关下载
谷歌浏览器安卓版 谷歌浏览器安卓版

硬件:安卓系统 版本:0.3.0.455 大小:187.89MB 语言:简体中文 评分: 发布:2022-08-18 更新:2024-10-11 厂商:Google Inc.

相关下载
谷歌浏览器苹果版 谷歌浏览器苹果版

硬件:苹果系统 版本:122.0.6261.89 大小:200.4MB 语言:简体中文 评分: 发布:2022-01-23 更新:2024-03-12 厂商:Google LLC

苹果下载

跳转至官网

相关阅读