本文主要是介绍Chrome 75 开发者工具更新,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
当自动补全CSS的时候使用有意义的预设值
有些CSS属性的值是函数,比如filter: filter: blur(1px) 添加了1像素的模糊。当自动补全filter这样的属性是,开发者工具现在会自动填充一个有意义的值,这样你可以预览有什么可能的值。
使用命令菜单来清理网站数据
按下"Control+Shift+P"或者"Command+Shift+P"(Mac)打开命令菜单,然后可以运行”Clear Site Data“命令来清除站点数据,包括: service workers, local storage, session storage, indexed DB, web SQL, Cookies, cache, Application cache
查看所有IndexedDB数据库
过去,Application -> IndexedDB 只能让你查看主来源里面的IndexedDB。比如,如果你有个iframe用了indexedDB,你是看不到的。现在开发者工具将显示所有来源的indexedDB。
鼠标悬停的时候查看某资源的未压缩大小
当你查看网络活动时,如果站点使用了文本压缩来减少传输文件的大小,你也许想看看压缩前的大小。以前只有使用”large request rows“的时候能看到。但现在你只要用鼠标悬停在Size那一列上就可以看到。
断点窗格里的行内断点
假如你在如下行上加了断点:
document.querySelector('#dante').addEventListener('click', logWarning)
现在可以明确指定在哪一步暂停了:
- 在这一行开始
- 执行querySelector之前
- 执行addEventListener前
如果你enable了全部,那么实际上你创建了3个断点。
IndexedDB和缓存资源计数
在IndexedDB和Cache窗格中现在会显示所有资源总数。
禁止"查看细节"Tooltip
Chrome 73引入了“查看细节”tooltip。现在可以在Settings -> Preferences -> Elements -> Show Detailed Inspect Tooltips里面关掉它。
设置在Source面板中Tab可以用于缩进
因为Tab在Editor中用于输入缩进,但只要就不能用它来切换焦点了。如果想使用tab键来切换焦点,可以在Settings -> Preferences -> Sources -> Enable Tab Moves Focus中来设置。
这篇关于Chrome 75 开发者工具更新的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!