chrome扩展弹出菜单显示特别慢怎么回事？如何解决？
微wx笑
2023-01-08【网页网站】
105
5
0关键字：
Chrome 扩展程序 extensions
我的Chrome扩展弹出窗口在几秒钟后打开，与其他扩展相比较慢，Chrome 扩展弹出窗口有 2 - 3 秒的延迟，这是什么原因呢？应该如何解决？
目录
我的Chrome扩展弹出窗口在几秒钟后打开，与其他扩展相比较慢，Chrome 扩展弹出窗口有 2 - 3 秒的延迟，这是什么原因呢？应该如何解决？
安装了一些别人开发的Chrome扩展程序extensions，用起来很方便，很实用，自己也开发了一个，定制一些自己需要的功能，结果就发现一个问题，点扩展程序的图标时，别人的插件基本都是1秒以内就弹出菜单来了，可是自己的却总是有 2 - 3 秒的延迟，这就有点奇怪了。
怎么解决呢？
网上搜索不到相关的解决方法。
还好有其它的扩展，可以查看源码，可以比较
具体请参考：Chrome的插件扩展程序安装目录是什么？在哪个文件夹？
一、猜测原因
可能与 "manifest_version": 2, 有关
"manifest_version": 2, 似乎是对 popup.html 格式要求的不严格，还没有实际测试；
我估计 "manifest_version": 2, 的人应该不会遇到这个问题。
二、以为是有效的尝试
首先注意，我的是 "manifest_version": 3,
"manifest_version": 2 将来可能不支持了，由于一些安全性的原因。
但是 "manifest_version": 3, 想实现一些功能真的比 "manifest_version": 2 难很多，主要是需要去探索，相关的资料较少；还有就是功能上有些被弱化了！
当 "manifest_version": 3, 时，popup.html 中不应该有 <!DOCTYPE html> html，head，body，等标签
修改前：
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html><html> <head> <link rel="stylesheet" href="button.css"> </head> <body> <button id="changeColor">自动加载</button> <button id="downImg">抓取图片</button> <button id="handleImg">图片bat</button> <button id="handleHtml">图片html</button> <script src="popup.js"></script> </body></html> |
显示有菜单时 2 - 3 秒的延迟
修改后：
1 2 3 4 5 6 7 | <link rel="stylesheet" href="button.css"><button id="changeColor">自动加载</button><button id="downImg">抓取图片</button><button id="handleImg">图片bat</button><button id="handleHtml">图片html</button><button id="openTracy">每日异动</button><script src="popup.js"></script> |
延迟的问题消失了，解决了！
但是后来发现，用着用着就越来越慢了，真的很奇怪。
本文由 微wx笑 创作，采用 署名-非商业性使用-相同方式共享 4.0 许可协议，转载请附上原文出处链接及本声明。
原文链接：https://www.ivu4e.cn/blog/web/2023-01-08/1652.html
