Chrome DevTools 的 Layers 面板怎么不显示图层信息了？
我之前用 Chrome DevTools 的 Layers 面板查看合成图层，最近打开发现完全空白，连 3D 视图也没有。明明页面里有 transform: translateZ(0) 这种触发硬件加速的样式啊。
试过重启浏览器、切换不同页面，甚至重装 DevTools 扩展都没用。是不是新版 Chrome 把这个功能移除了？还是我哪里设置错了？
- 1
回答
13浏览
Chrome DevTools 动画面板怎么不显示我的 CSS 动画？
我在用 Chrome DevTools 调试一个页面，写了简单的 CSS 动画，但打开 Animations 面板后啥也没有，明明元素在动啊？ 我试过刷新页面、重新触发动画，甚至把 animation...
- 2
回答
66浏览
为什么我的CSS动画在Chrome渲染面板显示大量重排但实际很卡？
我在用Chrome DevTools的Rendering面板调试一个CSS动画，发现Layers里显示有很多蓝色的Layout区域，但实际动画在60帧时偶尔还是会卡顿。我用的是transform和op...
- 2
回答
67浏览
Chrome DevTools模拟移动端时媒体查询没生效怎么办？
用Chrome DevTools模拟iPhone 12调试页面时，媒体查询突然不生效了，明明在桌面模式下正常 比如这段代码：@media (max-width: 768px)在桌面端能正确触发，但切换...
- 1
回答
42浏览
DevTools性能面板里怎么区分真实渲染耗时和空闲时间？
我在用 Chrome DevTools 的 Performance 面板分析页面卡顿，录完操作后看到很多灰色的空闲块，但不确定哪些是真正花在渲染上的时间。比如我点了个按钮触发重排，但时间线里既有“Re...
- 1
回答
16浏览
Chrome 动画面板为啥不显示我的 Vue 过渡动画？
我用 Vue 写了个简单的列表过渡，但在 Chrome DevTools 的 Animations 面板里完全看不到任何动画记录，是我写错了吗？ 我已经打开了 DevTools 的「Animation...
- 2
回答
25浏览
Chrome性能面板里怎么定位具体哪段JS代码导致卡顿？
我在用 Chrome DevTools 的 Performance 面板分析页面卡顿，录制后看到主线程有很多长任务（Long Task），但点进去只看到函数名是匿名的或者压缩过的，根本找不到源码位置。...
- 1
回答
3浏览
React DevTools 为什么在 Chrome 里安装了却没显示组件面板？
我在 Chrome 装了 React Developer Tools 扩展，也打开了开发者工具，但就是找不到 React 组件那个标签页，试过刷新页面和重启浏览器都不行。 我的项目是用 create-...
- 1
回答
11浏览
Chrome内存快照里怎么判断是不是内存泄漏？
我在用 Chrome DevTools 的 Memory 面板拍快照，但不太会看那些 retained size 和 distance，到底怎么看才能确定是不是真的内存泄漏了？ 我试过反复打开关闭一个...
- 2
回答
18浏览
Chrome DevTools 内存快照里怎么定位闭包导致的内存泄漏？
我在做一个单页应用，发现切换页面后内存一直涨，用 DevTools 的 Memory 面板拍了快照，看到很多 Detached DOM tree 和 Closure，但不知道具体是哪段代码引起的。我怀...
- 1
回答
13浏览
PWA 在 Chrome DevTools 里怎么调试 Service Worker 不生效？
我按照教程注册了 Service Worker，本地开发时在 Chrome 的 Application 面板里能看到注册信息，但一刷新就没了，状态一直是 "redundant"。我试过清除缓存、硬刷新...
