layoutNG 会导致 chrome devtools 异常的坑

善良单纯的小阿板
创建时间: 2019年1月3日 庆丰六年
最后编辑: 2019年1月3日 5 年前
不知道从哪天开始,我的 chrome 的 devtools 就没法给 js 下断点了(点不动。更大的问题还有,没法拖动 source 里的代码

昨天终于忍不了的开始排查,重置 chrome 并没有解决问题。然后开始怀疑 greenchrome (耍大莫名背锅2333,无果

今天网上冲浪的时候,突然看到了stylus(拓展 的提示

“出于安全的因素,浏览­器禁止拓展程序影响其­内置页面 (例如 chrome://version ,Chrome 61 的新标准标签页,ab­out:addons 等其他页面)以及其他­拓展程序的页面。每个­浏览器也限制了对于自­己拓展程序库的介入 (例如 Chrome 网上应用店、Fire­fox 附加组件)。”

就顺手看了自己的 chrome://version, 在 enable-features 中,发现了一句 LayoutNG。记得当时这个是逛基安的时候开的,就觉得这个很可疑。禁用特性,重启,果真就正常了....

能找到的关于 layoutNG 的资料还是蛮少的,除了 chromium 里的 README 有大量的 TODO,也没有能给我这种菜鸡答疑解惑的地方了呜呜

https://chromium.googlesource.com/chromium/src/+/master/third_party/blink/renderer/core/layout/ng/README.md

那么真正的问题来了,为什么我会想到是 LayoutNG 的问题呢,换句话说,LayoutNG 是怎么影响到 devtools 的呢。这就要从 Rex 的骚操作说起了 -- 用 devtools 调试 devtools

Rex 上次 devtools 调 devtools 然后一路调到 v8sdk 简直是秀翻全场,当时调的异步函数不会正确显示行号的问题,就不由我细讲了(我这种菜鸡也没有搞明白。只学会了在 devtools 里 ctrl + shift + I 就能子子孙孙无穷尽了。直接 F12 是不行的...这简直是针对我好么...