Chrome 75 开发者工具更新

2024-04-09 10:38

本文主要是介绍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 开发者工具更新的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/887925

相关文章

Java数字转换工具类NumberUtil的使用

《Java数字转换工具类NumberUtil的使用》NumberUtil是一个功能强大的Java工具类,用于处理数字的各种操作,包括数值运算、格式化、随机数生成和数值判断,下面就来介绍一下Number... 目录一、NumberUtil类概述二、主要功能介绍1. 数值运算2. 格式化3. 数值判断4. 随机

使用Navicat工具比对两个数据库所有表结构的差异案例详解

《使用Navicat工具比对两个数据库所有表结构的差异案例详解》:本文主要介绍如何使用Navicat工具对比两个数据库test_old和test_new,并生成相应的DDLSQL语句,以便将te... 目录概要案例一、如图两个数据库test_old和test_new进行比较:二、开始比较总结概要公司存在多

Java中基于注解的代码生成工具MapStruct映射使用详解

《Java中基于注解的代码生成工具MapStruct映射使用详解》MapStruct作为一个基于注解的代码生成工具,为我们提供了一种更加优雅、高效的解决方案,本文主要为大家介绍了它的具体使用,感兴趣... 目录介绍优缺点优点缺点核心注解及详细使用语法说明@Mapper@Mapping@Mappings@Co

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

使用Java实现一个解析CURL脚本小工具

《使用Java实现一个解析CURL脚本小工具》文章介绍了如何使用Java实现一个解析CURL脚本的工具,该工具可以将CURL脚本中的Header解析为KVMap结构,获取URL路径、请求类型,解析UR... 目录使用示例实现原理具体实现CurlParserUtilCurlEntityICurlHandler

Rsnapshot怎么用? 基于Rsync的强大Linux备份工具使用指南

《Rsnapshot怎么用?基于Rsync的强大Linux备份工具使用指南》Rsnapshot不仅可以备份本地文件,还能通过SSH备份远程文件,接下来详细介绍如何安装、配置和使用Rsnaps... Rsnapshot 是一款开源的文件系统快照工具。它结合了 Rsync 和 SSH 的能力,可以帮助你在 li

基于Go语言实现一个压测工具

《基于Go语言实现一个压测工具》这篇文章主要为大家详细介绍了基于Go语言实现一个简单的压测工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录整体架构通用数据处理模块Http请求响应数据处理Curl参数解析处理客户端模块Http客户端处理Grpc客户端处理Websocket客户端

java图像识别工具类(ImageRecognitionUtils)使用实例详解

《java图像识别工具类(ImageRecognitionUtils)使用实例详解》:本文主要介绍如何在Java中使用OpenCV进行图像识别,包括图像加载、预处理、分类、人脸检测和特征提取等步骤... 目录前言1. 图像识别的背景与作用2. 设计目标3. 项目依赖4. 设计与实现 ImageRecogni

基于Python开发电脑定时关机工具

《基于Python开发电脑定时关机工具》这篇文章主要为大家详细介绍了如何基于Python开发一个电脑定时关机工具,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 简介2. 运行效果3. 相关源码1. 简介这个程序就像一个“忠实的管家”,帮你按时关掉电脑,而且全程不需要你多做

Python如何使用seleniumwire接管Chrome查看控制台中参数

《Python如何使用seleniumwire接管Chrome查看控制台中参数》文章介绍了如何使用Python的seleniumwire库来接管Chrome浏览器,并通过控制台查看接口参数,本文给大家... 1、cmd打开控制台,启动谷歌并制定端口号,找不到文件的加环境变量chrome.exe --rem