如何使用清单3在Chrome扩展中使用第三方JS库?

p8h8hvxi  于 11个月前  发布在  Go
关注(0)|答案(1)|浏览(137)

我想在我的Chrome扩展程序中使用SheetJS库。我的主要代码存在于main.js中。
我使用manifest_version:3 .我已经使用了xlsx.full.min.js的函数来读取excel文件使用的代码存在于main.js .
我的manifest.json文件是

"name":"My Extension",
"description":"About Extension",
"version":"1.0",
"manifest_version":3,

"icons": {
    "16":  "icon16.png",
    "48":  "icon48.png",
   "128": "icon128.png"
  },

"content_scripts": [
    {
      "matches": ["https://example.com/*"],
      "run_at" : "document_end",
      "js": ["xlsx.full.min.js", "main.js"]
    }
  ]

字符串
加载扩展后,main.js运行并显示错误XLSX is not defined,这意味着main.js无法访问xlsx.full.min.js中定义的函数。
有没有人可以指导我如何让main.js可以访问xlsx.full.min.js中的函数?

alen0pnh

alen0pnh1#

我的扩展将其代码注入到网站中,然后使用按钮运行。我后来意识到这段代码不是在扩展的上下文中运行,而是在网站的上下文中运行。所以我使用localStorage将第三方库代码传递给按钮的注入代码,并遵循此https://stackoverflow.com/a/45676430/3009160

相关问题