Chrome 75 开发者工具新特性

文档说明
- 作者：西楼听雨
- 禁止转载
- 本文同时发布于幕布平台：https://mubu.com/doc/7FnUFrgDKM
新特性一：增强了自动补全功能
在自动补全需要传入参数的 CSS 函数时，将会给出一个有意义的参数值作为参考，这样我们就可以实时预览这个值对 DOM 节点的作用效果
- Chrome 75 之前的效果
- Chrome 75 之后的效果
新特性二：新增 Clear Site Data 命令
我们可以直接在命令菜单（Command Menu）中通过该命令清除与当前站点相关的所有数据（包括：localStorage、sessionStorage、IndexedDB、WebSQL、Cookies、Cache、Application Cache、Service worker）
- 按 Control+Shift+P 或者 Command+Shift+P (Mac) 打开命令菜单，然后执行 Clear Site Data 命令：
新特性三：支持查看当前页面中的所有（包括 iframe 的）IndexedDB 数据库
在 Chrome 75 之前是不能查看 iframe 中的 IndexedDB 数据库的
- Chrome 75 之前的效果
- Chrome 75 之后的效果
新特性四：在 Network 面板中，当鼠标悬停在某条请求的 Size 列上时，在悬停的 tips 中将新增展示该资源未经压缩的体积信息
在 Chrome 75 之前，只能在大行视图中查看到未经压缩的体积
新特性五：在断点面板中将列出所有行内断点
- Chrome 75 之前的效果
- Chrome 75 之后的效果
  - 每个行内断点都可以在右侧的断点面板中单独进行管理
新特性六：在 IndexedDB 和 Cache 面板中，将在状态栏展示当前数据库/缓存的条目数量
新特性七：新增设置项，以支持禁用详细的 Inspect 提示
- Chrome 73 时引入了详细的 Inspect 提示气泡
- Chrome 75 中可以通过设置项来禁用这个详细提示
  - 设置项路径： “Settings > Preferences > Elements > Show Detailed Inspect Tooltip”
新特性八：新增设置项，以支持是否在 Sources 面板的编辑器中启用/关闭 Tab 键缩进
在 Chrome 75 之前，如果你用键盘的 Tab 键导航进入了编辑器中，就无法再通过 Tab 键跳出编辑器了，因为 Tab 键在编辑器中的行为是对代码进行缩进
- 设置项路径：Settings > Preferences > Sources > Enable Tab Moves Focus.

转载于:https://juejin.im/post/5cf0e57bf265da1b6e6589f0

Chrome 75 开发者工具新特性相关推荐

[译] Chrome 73 开发者工具新特性
原文:What's New In DevTools (Chrome 73) 作者:Kayce Basques 发表时间:January 22, 2019 译者:西楼听雨发表时间: 2019/01/2 ...
[译]通过使用Chrome的开发者工具来学习JavaScript
原文:https://gist.github.com/4158604 本文作者是Peter Rybin,Chrome开发者工具团队成员. 本文中,我们将通过使用Chrome的开发者工具,来学习Java ...
谷歌Chrome浏览器开发者工具教程—JS调试篇
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources. Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主 ...
谷歌Chrome浏览器开发者工具教程—基础功能篇
Chrome(F12开发者工具)是非常实用的开发辅助工具,对于前端开发者简直就是神器,但苦于开发者工具是英文界面,且没有中文,这让很多朋友都不知道怎么用.下载吧小编为大家带来Chrome开发者工具基础 ...
浏览器开发者工具修改html后执行,谷歌Chrome浏览器开发者工具教程—JS调试篇
上一篇咱们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources. Sources面板几乎是最经常使用到的Chrome功能面板,也是解决通常问题 ...
Chrome浏览器开发者工具介绍；（包括，Network面板介绍，XHR等等）
为什么写了这篇博客: (1)原因一在[OA系统二十三:请假审批四]这篇博客中,加载[请假审批这个内嵌页面]后,这个内嵌页面中需要显示[待审批请假数据]的列表数据,而这些列表数据,是通过ajax请求从 ...
谷歌 chrome 浏览器开发者工具打不开的解决方法
谷歌 chrome 浏览器开发者工具打不开的解决方法参考文章: (1)谷歌 chrome 浏览器开发者工具打不开的解决方法 (2)https://www.cnblogs.com/youding/p/ ...
chrome浏览器开发者工具F12中某网站的sources下的源码如何批量保存？
目录 chrome浏览器开发者工具F12中某网站的sources下的源码如何批量保存 1. 常用保存Sources源码的两种方法 1.1单个文件 1.2 单个页面 2. 问题 3.解决方案 chro ...
Chrome浏览器开发者工具中的 Performance
目录 ■Chrome浏览器开发者工具中的 Performance ■画面 ■代码 (2009年前后,大学时期写的代码.) ■工作中的使用 (两个系统同时运行) --- ■Chrome浏览器开发者工 ...

Chrome 75 开发者工具新特性

Chrome 75 开发者工具新特性相关推荐

最新文章

热门文章