在 Recorder 中逐步复查
新版本可以在 Recorder 面板中设置断点，并逐步重播用户流程，此功能可以轻松地完全可视化和调试用户流。
单击步骤旁边的蓝点重播用户流程，随后可以继续回放、执行步骤或取消回放。
有关该功能的详细信息，请参阅
Recorder features reference
。
Chromium issue:
1257499
支持 Recorder 面板中的鼠标悬停事件
Recorder
支持在记录中手动添加鼠标悬停步骤。
比如该
demo
在悬停时弹出菜单，如果重播该用户流将会失败，因为
Recorder
在记录期间不会自动捕获鼠标的悬停事件。
新版本解决了这个问题，在单击菜单之前手动添加一个步骤：将鼠标悬停在选择器上即可。
Chromium issue:
1257499
Performance insights 面板的最大内容绘制 (LCP)
LCP（Largest Contentful Paint） 是一个以用户为中心的度量，用于测量用户感知的负载速度。新版本可以找出最大内容绘制 (LCP) 的关键路径和根本原因。
在 Performance insights 面板单击时间轴中的 LCP 按钮，在详细信息窗格中可以查看 LCP 分数，了解如何修复降低 LCP 速度的资源，并查看 LCP 资源的关键路径。
Chromium issue:
1326481
Manifest 窗格中的 PWA 协议处理
可以使用 Chrome DevTools 测试 PWA (渐进式 Web 应用程序) 的 URL 协议处理（Protocol handlers）。
URL 协议处理程序注册允许已安装的 PWA 使用特定协议（例如，magnet、web+example），以获得更集成的体验。
通过 Application > Manifest 窗格导航到 Protocol Handlers 部分，然后查看和测试所有可用的协议。
Chromium issues:
1300613
元素面板中的顶层标记
为了进一步可视化顶层元素（比如对话框），DevTools 将顶层容器标记 (
#top-layer
) 添加到 DOM 树中。
要从顶层容器元素跳转到顶层树元素，请单击顶层容器中的元素，或背景旁边的显示按钮。
在顶层树元素（例如对话框元素）旁边，单击顶层标记可以跳转到顶层容器。
Chromium issue:
1313690
在运行时附加 Wasm 调试信息
可以在运行时为 wasm 附加 DWARF 调试信息。以前，Sources面 板仅支持将 sourcemap 附加到 JavaScript 和 Wasm 文件。
现在在 Sources 面板中打开一个 Wasm 文件，在编辑器中右键单击并选择“添加 DWARF 调试信息…”，按需附加调试信息。
Chromium issue:
1341255
调试期间支持实时编辑
现在可以编辑堆栈上最顶层的函数，无需重新启动调试器。
Chrome 104 版本的 DevTools 有
重新启动框架
功能。但是无法编辑当前暂停的函数。
Chrome 105 的调试器支持实时编辑，但有以下限制：
暂停时只能编辑最顶层的函数
在堆栈的下方对同一函数没有递归调用
Chromium issue:
1334484
在样式窗格中的规则中查看和编辑 @scope
可以在
样式
窗格中查看和编辑
CSS
@scope
规则
，
@scope
规则是
CSS Cascading and Inheritance Level 6 规范
的一部分，允许开发者在 CSS 中定义样式规则。
Chromium issue:
1337777
Sourcemap 改进
DevTools 可以正确解析带有标点符号的源映射标识符。一些现代缩小器（例如 esbuild）生成源映射，将标识符与后续标点符号（逗号、括号、分号）合并。
DevTools 通过 super 调用解析构造函数的源映射名称。
修复了重复规范 URL 的源映射 URL 索引。之前由于重复的规范 URL，某些文件中没有激活断点。
Chromium issue:
1335338
,
1333411
从应用程序 > 本地存储窗格中的表中正确删除本地存储键值对。
(
1339280
)
在“源代码”面板中查看 CSS 文件时，可以正确显示颜色预览。
之前可能发生错位问题
。(
1340062
)
在“
布局
”窗格中一致地显示 CSS flex 和 grid 元素，并在“
元素
”面板中将它们显示为标记。以前 flex 和 grid 元素会在这两个地方随机丢失。(
1340441
,
1273992
)
总的来说增加了不少实用操作，前端的排版和调试更轻松。
展开阅读全文
本站新闻禁止未经授权转载，违者依法追究相关法律责任。授权请联系：
oscbianji#oschina.cn
本文标题：
调试期间支持实时编辑，Chrome 开发者工具迎来大波新特性
本文地址：
https://www.oschina.net/news/206328/new-in-chrome-105-devtools
Fuchsia OS 是由 Google 开发的一款全新操作系统，旨在取代 Android 和 chromeOS。Fuchsia OS 使用 Google 自己开发的 Zircon 内核，而不是基于 Linux 内核。 Fuchsia OS 使用 Flutter 作为其主要的应用程序开发框架，这使得应用程序可以在不同类型的设备上无缝运行。该操作系统采用了 Material 设计语言，拥有现代化的用...
根据《纽约时报》的报道，面对来自微软和 OpenAI 的竞争压力，谷歌正在积极开发由人工智能技术驱动的全新搜索引擎「Magi」，以及使用人工智能技术对现有的搜索引擎进行升级。 报道指出，三星正在考虑用微软的 Bing 取代 Google 作为其 Galaxy 系列设备的默认搜索引擎。Galaxy 设备包括了智能手机和平板电脑。三星是最大的...
MySQL 8.0.33 于 2023 年 4 月 18 日 GA，这可能是包含新功能、新特性的 8.0 的最后一个版本，之后的 MySQL 版本将会在发行方式上发生重大改变。 未来 MySQL 将发布 2 个版本，长期支持版和创新版。长期支持版的目标为稳定性，仅修复 BUG 并发布安全补丁，该版本向后兼容，预计每两年发布一次，支持的生命周期为 5 年标准...
Node.js 20 已正式发布，将于 10 月成为 LTS 版本。 值得关注的变化 引入权限控制模型 (Permission Model) Synchronous import.meta.resolve Test Runner 到达稳定状态 将 V8 JavaScript 引擎升级到 11.3 支持构建单一可执行应用程序 Ada 升级到 2.0 正式支持 ARM64 Windows 要求必须指定 WASI 版本 引入权限控制模型 (P...
MariaDB 是由 Michael Widenius 在 2009 年发起的（担任同名公司 CTO 一职），该项目是 MySQL 的一个分支。他同样也是 MySQL 的创始人之一，成立 MariaDB 是因为在 Sun Microsystems 收购 MySQL 后，对其独立性产生了担忧。 时至今日，MariaDB 仍与 MySQL 保持着密切的联系，也被认为是 MySQL 的开源替代方案。 MariaDB ...
昨日，央视新闻联播报道称，根据记者从工信部了解到的消息，目前我国开源软件开发者数量突破 800 万，居全球第二。开源软件是一种通过分布式手段开发的软件，具有公开、可使用、可修改、可分发的特点。 视频地址：https://tv.cctv.com/2023/04/17/VIDEjC3S3CgfjQmocVSzoflU230417.shtml 延伸阅读 2022 中国开源开发者报告...
根据 KotlinConf 2023 的消息，Kotlin 2.0 和 Kotlin K2 编译器即将发布。 Kotlin 2.0 从 Kotlin 1.8.20 开始，已经可以通过常规 Kotlin 语言版本标志（ -language-version）启用 Kotlin 2.0 的预览。 Kotlin 2.0 发布后，将提供几个备受期待的功能：静态扩展、集合文字、基于名称的解构、上下文接收器和显式字段。 静态...
基于 Arch Linux 的 Manjaro Linux 似乎正在走下坡路。 ProtonDB 数据显示，在过去的 6 个月里， Manjaro Linux 市场份额一直在下降，现在回到了 Ubuntu 之后的第三位。 Proton 是 Valve 发布开源工具，整合像 Wine 和 DXVK 之类的兼容层，使得在 Linux 系统上玩 Windows 游戏变得非常简单。 ProtonDB 是 Proton 软件公开...
深度操作系统（deepin）是一款致力于为全球用户提供美观易用、安全稳定服务的Linux发行版，也是全球排名领先的来自中国团队研发的Linux发行版。点击查看deepin全球排名：https://distrowatch.com/table.php?distribution=deepin deepin20.9版本的核心目标是：为用户提供稳定的系统运行版本。该版本未对系统新增功能进行集...
埃隆・马斯克 (Elon Musk) 在接受福克斯新闻的采访时透露，他将创建 OpenAI 的替代品：TruthGPT。 马斯克与节目主持人讨论了创建 ChatGPT 替代品的目的，以及他对这项技术潜在负面影响的担忧。马斯克说道，“我将启动一个我称之为「TruthGPT」的项目，或者是一个最大限度地寻求真理的人工智能，它试图理解宇宙的本质。”...
