说明这篇文章主要介绍的就是一些chrome浏览器的小技巧,很简单,希望对大家有所帮助 。
这其中的一些小技巧在低版本中是没有的,所以建议大家用最新版的,目前最新版是62,版本很重要,如果发现有些技巧不起作用,请先查看浏览器的版本 。
快捷键快捷键比较多,这里挑出几个常用的说一下
最后会给出一张比较完整的快捷键的表
下列快捷键可以在所有 开发者工具 面板中可以使用
文章插图
在Elements 面板中使用的快捷键
文章插图
在Styles 边栏中使用的快捷键
文章插图
在控制台中使用的快捷键
文章插图
区域截屏选取页面中的一部分,保存为图片
1、打开开发者工具
使用 快捷键 F12 (Windows) 或 Cmd+Opt+I (Mac)
文章插图
2、选择左上角的元素选择按钮,图标颜色变为蓝色即表示选中了
文章插图
3、Windows 下按住 Ctrl , Mac 就按住 Command,然后点击鼠标左键在页面选择区域即可,松开鼠标后,截图自动下载 。
4、图片自动下载好后,点击图片后面的箭头,可以在文件夹中显示
文章插图
节点截图选中页面中某一元素,保存为图片
1、打开开发者工具
使用 快捷键 F12 (Windows) 或 Cmd+Opt+I (Mac)
文章插图
2、选中任意元素节点
文章插图
3、打开命令工具
使用快捷键 Ctrl + Shift + p (Windows) 或 Cmd + Shift + p (Mac)
文章插图
4、点击Capture node screenshot,或者输入这行中任意的关键字,比如输入node , 也会出来这个选项,然后点击这个选项,图片会自动下载 。
文章插图
5、图片自动下载好后,点击图片后面的箭头,可以在文件夹中显示
文章插图
截全屏保存完整网页为图片
第一种方式
1、打开开发者工具
使用 快捷键 F12 (Windows) 或 Cmd+Opt+I (Mac)
文章插图
2、打开命令工具
使用快捷键 Ctrl + Shift + p (Windows) 或 Cmd + Shift + p (Mac)
文章插图
3、点击Capture full size screenshot,或者输入这行中任意的关键字,比如输入full,也会出来这个选项
文章插图
4、图片自动下载好后,点击图片后面的箭头,可以在文件夹中显示
文章插图
第二种方式
1、打开开发者工具
使用 快捷键 F12 (Windows) 或 Cmd+Opt+I (Mac)
2、选中 切换开发模式按钮 , 图标颜色变为蓝色即表示选中了
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 苹果手机滚动截屏的技巧 苹果长截图怎么截
- 电脑截滚动长图的方法 电脑如何滚动截图长图
- 电脑设置允许flash开启 chrome启用flash插件
- 电脑上滚动截屏的方法 电脑截屏怎么截长图
- mac电脑截屏快捷键 mac截图软件推荐
- 电脑上滚动截屏的方法 电脑怎么截图长屏幕截图
- 电脑长截屏快捷键分享 电脑滚动截图怎么截
- 快速截图的正确技巧 手机截长图怎么弄
- 最简单的截图方法分享 电脑滚动截图怎么截长图
- 超实用电脑截图技巧分享 电脑网页怎么截长图