chrome本地替代功能导致的逆天问题

57 阅读1分钟

1. 本地替代功能

新版的chrome有一个新功能,可以用本地文件替换网页中的静态文件。

image.png 具体怎么使用这里就不细讲了,这里主要讲一下遇到的一个很搞笑的问题

2.问题

我一打开控制台,页面中的样式就变了。

msedge_wF9y6JuDBk.gif 图中的掘金logo,在我打开控制台后变小了。

这只是简单的演示,还可能会出现:

  • 明明写了样式,样式名也应用上了,但是没有样式内容。
  • 明明写了一个函数的调用却死活没执行
  • 等等奇怪的事情发生

我刚开始疯狂寻找代码中的错误,翻遍了依赖库的issue,问了好几遍gpt都没有结果。后来发现只有打开控制台才会有这种问题。所以想到了之前使用过的替换功能。

image.png

替换区域中有被替代的文件。

3. 解决

当然就是删掉替换的文件,或者直接关闭替换功能,就正常了。

4. 总结

替换功能一般情况下都不会使用,用完记得关掉,否则不知道什么时候你就不小心改到了源码,然后被替换掉了。

这个问题我被坑两次了,所以记录一下。。。。