导致页面样式错误，injected stylesheet注入导致页面显示问题

[daidaibg]

injected stylesheet注入导致页面显示问题

[zxlie]

已提交版本审核，预计明天或者后天就通过了；影响日常使用的话，可以暂时禁用FH

[chenshi1324]

我刚想发iss来着 我还以为是网站问题

[frei-x]

简单的 className 别乱用.... 不管啥样式都得加上自己特有前缀

[syq2930644833]

我刚想发iss来着 我还以为是网站问题

[zyyv]

+1 呀，还会注入

[hidden] { 
  display: none !important; // 这个 important 很致命呀
}

[star7th]

我也被这个问题坑到了。一开始以为是浏览器更新的特性，害得我连忙改程序代码，怕不兼容新特性。结果是扩展搞的鬼。一个按需使用的扩展，为什么要注入样式啊。

[star7th]

还是要继续吐槽一下。被吓出冷汗了。我的项目 https://github.com/star7th/showdoc 至少被几万家公司使用，以为这个特性出来后会导致我的历史客户全部都出现兼容问题，这下用户流失大了。真的要被吓一大跳。 另外说一下，不只是这个body问题，还有class="item"也注入了样式。其它边边角角的，希望能一并修复。

[daidaibg]

今天下午他们有提交代码，作者向html添加了类名，样式前都添加了此类名.fh-jf，而不和此类名冲突应没有关系。 提交记录i https://github.com/zxlie/FeHelper/commit/e6fb23a69ae284ee0d81a2182fb072e052236735

[zhan3333]

同样的问题，通过禁用扩展二分法才找到 injected stylesheet 来源。请教各位有其他方式快速定位 injected stylesheet 来源吗？

[n0099]

有其他方式快速定位 injected stylesheet 来源吗？

https://www.webnots.com/how-to-find-source-of-injected-stylesheets-in-chrome/

对于js可以在f12-source-content scripts看到所有扩展注入的js 而FEHelper注入css的行为也是在其注入的js中进行的： https://github.com/zxlie/FeHelper/commit/e6fb23a69ae284ee0d81a2182fb072e052236735#diff-1feb6dc29cce4e4b86e1143bcb094d82c2d9c76957189e80da1a38701b886847R571 https://github.com/zxlie/FeHelper/blob/e6fb23a69ae284ee0d81a2182fb072e052236735/apps/background/background.js#L405 https://github.com/zxlie/FeHelper/blob/e6fb23a69ae284ee0d81a2182fb072e052236735/apps/background/inject-tools.js#L25

[zxlie]

对此bug给大家造成的困扰，表示非常感谢！🙏 在审核中的FH V2022.12.2716版本中，已经采取按需注入方式，也就是只有页面是JSON并且通过工具美化完以后，才会注入样式，其他任何情况都不会。

[iamflowerdog]

辛苦了作者，效率蛮高了

[zxlie]

有个临时的规避方案，希望对大家有用，具体可以参考这个issue： https://github.com/zxlie/FeHelper/issues/201

[crazyair]

Edge 呢？怎么还是 2020 版本？

[zxlie]

最新版本 V2022.12.2716 已经审核通过，可以到 chrome://extensions/ 手动更新下；在新版本里，所有样式都会按需注入；之前的样式注入是一个Bug，不是有意为之，望理解哈

[zxlie]

Edge 呢？怎么还是 2020 版本？

Edge和Firefox的，元旦后再update上去

[crazyair]

当时出现问题，应该第一时间回滚，商店应该支持回滚吧？