Chrome插件开发——踩坑记录

记录一下最近开发中的坑点。

问题

• 后台脚本的persistent参数用处？
  • persistent属性定义了常驻后台的方式——当其值为true时，表示扩展将一直在后台运行，无论其是否正在工作；当其值为false时，表示扩展在后台按需运行，这就是Chrome后来提出的Event Page。Event Page可以有效减小扩展对内存的消耗，如非必要，请将persistent设置为false。注意，persistent的默认值为true。
  • https://www.cnblogs.com/giggle/p/8082672.html
• js脚本互相引用，报错：cannot use import statement outside a module
  • 在manifest中注册所有脚本。如下，这样backgroud就可以引用utils里面的函数了

  • "background": {
        "scripts": [
            "js/common/utils.js",
            "js/common/background.js"
        ],
        "persistent": true
    }
    

• 引入vue.js后，渲染文字失败
  • 强制应用内容安全策略 (CSP) ，不能使用 new Function() 对表达式求值。
  • 改用兼容版本：https://github.com/vuejs/vue/tree/csp/dist，缺点是目前只支持vue的1.x版本
  • 或者使用