chrome中怎么使用公共函数

chrome中怎么使用公共函数，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

今日,有开发chrome扩展的需求,尝试进行了开发,但在过程中遇到函数重复定义的问题

比如在service_worker的background.js和选项页面的options.js都需要用到公共的读取设置配置函数

经过实践发现,background.js和options.js定义的函数并不在同一作用域,也就是无法相互调用,虽然在选项页面可以简单地通过直接scripts引用background.js来解决,但这并不是一个很好地办法,它会导致重复执行background.js的逻辑,可能造成一些无法预料的问题,也无法解决逻辑与函数大量堆积造成臃肿的问题

经过搜索,了解到manifest.json的background可以在scripts项添加多个js,将公共js排在前面就行,但问题是我的manifest_version是3,background只能用service_worker,而且只能使用一个js

我又去尝试了export函数后import,但使用后background.js就无法正常注册,折腾了许久还是得要多次单独定义

最后的最后还是通过搜索service worker registration failed chrome extension找到了解决方案,其实非常简单,background.js需要哪个js直接用

importScripts("js文件名.js");

关于chrome中怎么使用公共函数问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。