关於 Chrome 扩展插件 Manifest Version 2.0 中 JS 的使用问题

Posted 2023-04-28

Chrome 扩展插件升级 manifest_version 2 後就出现的问题一直没解决……
在 popup 的 html 里的下拉菜单的选项中有用到 onChange="xxx(this.value)"
然後外链的 js 就是 function xxx(v)，结果以下内容完全失效……
求教替代方法。
感谢！
※这种写法在 Chrome 中网页预览跟 manifest 1 的插件都能完美运行，唯独在 manifest 2 不行……

manifest_version升级到2之后出于安全考虑chrome将不再运行任何于html代码内的js代码，所以onXXX就全失效了。改成js绑定就行了。 参考技术A manifest version必须设置成2是什么意思 菜鸟不懂啊
存放在本地的扩展不能用了

chrome插件制作

  chrome扩展程序就是一个web应用,要写html代码

chrome插件需要的文件：

配置文件(manifest.json)

扩展图标(icon.png )

弹出窗口文件(popup.html)

其他静态资源文件(images、css、js......)

 

manifest.json 常用属性

{
  "manifest_version" : 2, //宣言版 必选项：用整数表示manifest文件自身格式的版本号。目前为止只接受 2 （版本目前为2）
  "version" : "1.0",//版本

/**
* 必选项： 字符串类型，当前创建扩展版本号
* 扩展的版本用一个到4个数字来表示，中间用点隔开。
* 这些数字有些规则：必须在0到65535之间，非零数字，不能0开头。
* 比如，666666和010是不合法的。
**/

"name" : "CodeScript",//扩展名
/** 必选项：字符串类型 **/
  "description" : "CodeScript",//扩展描述
/** 可选项：字符串类型，扩展信息描述 **/

  "icons" : {     //图标（如果只配置icons，则default_icon也使用该图片，如果不配置icons，则扩展工具界面使用默认图标）
    "16" : "16px.png",
    "48" : "48px.png",
    "128" : "128px.png"
  }

/**
* 一个或者多个图标来表示扩展 (16x16, 48x48, 128x128)
* 建议使用以上几种大小，及png格式。
* 可选，系统自带默认图标
**/

"browser_action" : {//（在浏览器右上角显示）
"default_title" : "title",
/** 鼠标移入，显示简短扩展文本描述 **/
"default_popup" : "popup.html",
/** 鼠标点击，弹出扩展模态窗口，展示内容 **/
"default_icon" : {
"48" : "48px.png"
}
/** 浏览器右上角，扩展图标 。如果不设置，跟随 icon ，两者皆无，则使用默认**/
}

 

{  
  "name": "插件名",  
  "manifest_version":2,
  "version": "1.0",  
  "description": "插件描述",
  "browser_action": {  
    "default_icon": "icon.png" ,
    "default_title": "CodeScript",
    "default_popup": "index.html"
  }  
}