暗色模式插件导致公众号编辑器卡死
最近我遇到一个很诡异的问题: 用 Obsidian 的 note-to-mp 插件把笔记复制到微信公众号编辑器,一粘贴页面就卡死。
不管是几千字的长文,还是100字以内的短文,只要粘贴,整个网页直接卡死无响应。
换浏览器也没用,Chrome 和 Safari 都试过。最后打开无痕窗口一粘贴,竟然完全正常。无痕模式默认禁用所有扩展,问题立刻缩小到浏览器扩展身上。
逐个排查后,真凶是暗色模式扩展:Chrome 上装的 Dark Reader,以及 Safari 上装的 Noir。
原理不复杂。暗色扩展会监听页面新增的节点和颜色属性,发现内联颜色就写入一层覆盖样式。公众号编辑器检测到样式被外部改写,会清洗并重建内容节点。编辑器一重建,暗色扩展又发现有新内容,再处理一遍。两边互相触发,循环放大,主线程被占满,页面就失去响应了。所以哪怕只有两行文字也能触发,卡点根本不在内容多少。
解决办法很简单,不用卸载任何东西: 在暗色扩展的站点列表里,把 mp.weixin.qq.com 加入排除,这个网站就再也不被暗色接管。我在两个浏览器都配好之后,粘贴彻底恢复。
想确认是不是同一个问题的朋友,最快的办法是开一个无痕窗口,登录公众号后台粘贴试试。无痕窗口正常,基本就是扩展的锅。严格说这个锅不算笔记工具的: 暗色扩展应该避开可编辑区域,编辑器也应该扛住外部样式改动,但目前最省事的解法,就是上面那一条设置。
其它金额
赞赏金额
¥
最低赞赏 ¥0
1
2
3
4
5
6
7
8
9
0
.
江苏,10小时前,
夜雨聆风