百度风投依旧姓李 成立半年基金业协会官网查不到

Sofia Emelianova

在“元素”面板中检查 CSS 锚点定位

为了帮助您更轻松地调试锚点定位功能，样式标签页现在会将显式锚点标识符和隐式锚点链接到其节点。

此外，popovertarget 属性值现在会链接到 DOM 中的 popover 元素。

“来源”面板改进

此版本对来源面板进行了多项改进。

增强了“一律不在此处暂停”功能

借助“Never Pause Here”（永不在此处暂停）选项，您可以防止Debugger反复在同一行上暂停。这样一来，您就可以更轻松地处理反复触发的不相关断点。此版本增强了此功能，现在可用于：

• 来自内置函数的异常或 Promise 拒绝。
• 正在取消 DOM、fetch/XHR 和 CSP 违规断点。
• 在 Wasm 反汇编中。

查看工作流程的实际运作方式：

Chromium 问题：40924349。

新的滚动贴靠事件监听器

“来源” >“事件监听器断点” >“控制”列表会添加两个与 scroll-snap 相关的监听器：scrollsnapchange 和 scrollsnapchanging。当您滚动滚动容器以使其贴靠到新元素时，系统会触发这些事件。

Chromium 问题：40286359。

“网络”面板的改进

此版本对网络面板进行了多项改进。

更新了网络节流预设

网络面板更新了节流预设：新增了高速 4G，将高速 3G 重命名为低速 4G，并将低速 3G 重命名为 3G。这样可以更好地与 Lighthouse 的预设保持一致。

Chromium 问题：342406608。

HAR 格式的自定义字段中的服务工作线程信息

将网络日志导出为 HAR 格式时，您现在可以查看与服务工作线程相关的信息（包括时间信息），这些信息会显示为自定义字段（以英文下划线为前缀）。例如，您可能会在日志中发现以下新字段：

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

Chromium 问题：342406608。

在“性能”面板中发送和接收 WebSocket 事件

与其他 WebSocket 事件类似，“性能”面板现在会捕获“发送 WebSocket 消息”和“接收 WebSocket 消息”事件，并在性能轨迹中显示这些事件。例如：

Chromium 问题：40286129。

其他亮点

此版本包含以下值得注意的修复和改进：

• 无障碍功能：现在，当使用向上和向下箭头键滚动浏览日志时，屏幕阅读器会播报控制台中消息的内容 (344484979)。
• 来源：
  • 网页：“另存为”菜单选项现在会将 Wasm 模块文件保存为有效的 wasm 二进制文件，而不是 Base64 文本 (40784130)。
  • 调用堆栈：从异步调用帧说明中移除了 (async) 后缀，并将其突出显示方式从斜体更改为粗体 (343750870)。
• 内存：从堆快照摘要 (340200025) 中移除了不必要的零大小 InternalNodes。
• 网络：修复了以下 bug：对于刚刚开始但尚未收到 responseReceived 事件的请求，无法预览流式响应内容 (338340752)。
• 效果：
  • 选择器统计信息：为 %-of-Slow-Path-Non-Matches 列添加了说明性提示 (324282954)。
  • 轨道配置模式：完成轨道配置按钮已移至右下角 (345256274)。
• 控制台：修复了使用后退/前进缓存进行导航时显示多条相同控制台消息的 bug (40894153)。
• 设置：在所有标签页旁边添加了帮助图标。

下载预览渠道

不妨考虑使用 Chrome Canary 版、开发者版或 Beta 版作为默认开发浏览器。通过这些预览渠道，您可以访问最新的 DevTools 功能，测试前沿的 Web 平台 API，并帮助您在用户之前发现网站上的问题！

与 Chrome 开发者工具团队联系

您可以使用以下选项讨论新功能、更新或与开发者工具相关的任何其他内容。

• 请前往 crbug.com 向我们提交反馈和功能请求。
• 在开发者工具中，依次点击 more_vert 更多选项 > 帮助 > 报告 DevTools 问题，报告开发者工具问题。
• 在 Twitter 上向 @ChromeDevTools 发送推文。
• 在 DevTools 新变化 YouTube 视频或 DevTools 提示 YouTube 视频中发表评论。

开发者工具的新变化

开发者工具的新变化系列中涵盖的所有内容的列表。