Google Chrome扩展程序-脚本注入

尼克·弗里(Nick Fury):

我正在尝试content_scripts使用此先前的答案作为参考来让我的Chrome扩展程序使用注入一些javascript

manifest.json

"name": "My Chrome Extension",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [{
    "matches": ["http://pagetoinject/script/into/*"],
    "js": ["contentscript.js"]
}]  

contenscript.js:

var s = document.createElement('script');
s.src = chrome.extension.getURL("script.js");
(document.head||document.documentElement).appendChild(s);
s.parentNode.removeChild(s);

(也尝试过 这个方法没有成功。

var s = document.createElement('script');
s.src = chrome.extension.getURL("script.js");
s.onload = function() {
    this.parentNode.removeChild(this);
};
(document.head||document.documentElement).appendChild(s);

我不断收到此JavaScript错误。这是截图

在此处输入图片说明 GET chrome-extension://invalid/ (anonymous function)

罗伯·W:
  1. 在清单文件中,"manifest_version": 2已指定。这会自动激活更严格的模式,在默认模式下,所有扩展名的文件都不适用于网页。
  2. 您的原始代码将永远无法工作,因为<script>元素在注入后会立即被删除(脚本文件没有机会加载)。

由于1.的结果,控制台中显示以下错误:

Failed to load resource                             chrome-extension://invalid/

要解决此问题,请添加script.js到白名单"web_accessible_resources"manifest file

{ 
  “名称”:“ Chrome扩展程序”,
  “版本”:“ 1.0”,“清单版本”:2, 
  “内容
      脚本”:[{ “匹配项:[” http:// pagetoinject / script / into / *“],
      “ js”:[“ contentscript.js”] 
  }] “ web_accessible_resources”:[“ script.js”] 
}
  

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Google Chrome扩展程序:页面重新加载后如何立即注入脚本?

Chrome扩展程序中的Google Apps脚本?

Google Chrome扩展程序:通过chrome.tabs.executeScript将注入脚本中的变量暴露给以相同方式注入的另一个脚本

Chrome扩展程序注入脚本获取错误

动态地注入内容脚本 - Chrome扩展程序

从注入的脚本中获取Chrome扩展程序调用函数

未注入 Chrome 扩展程序简单脚本

将按钮注入网站(Chrome扩展程序内容脚本)

Chrome扩展程序:注入后如何删除内容脚本CSS?

Chrome扩展程序的内容脚本未注入特定网站

Chrome邮件扩展程序:从注入脚本到后台

更新Google Chrome扩展程序

Google Chrome扩展程序错误

Chrome扩展程序后台页面以编程方式注入的内容脚本多次注入

我可以通过Chrome扩展程序执行Google Apps脚本代码吗?

在Chrome扩展程序内容脚本中使用Google闭包库

Google扩展程序如何将我的脚本注入活动选项卡并与弹出按钮链接?

Chrome扩展程序代码vs内容脚本vs注入脚本

如何使用开发人员工具查看由Google Chrome扩展程序注入的CSS样式表?

Chrome扩展程序注入当前标签页

Chrome扩展程序不注入CSS

使用ReactJS构建时,Chrome扩展程序内容脚本未注入DOM

在chrome扩展程序中,如何使用内容脚本注入Vue页面

无法通过Chrome扩展程序中的内容脚本使onclick在注入的按钮上起作用

Chrome扩展程序,这是将消息从注入的脚本发送到后台的最佳方法

来自 chrome 扩展程序的注入脚本多次返回值

Chrome 扩展程序在重定向后不会注入内容脚本

为什么在我运行注入脚本的 chrome 扩展程序后页面会停止

创建的iframe与扩展程序,Google Chrome扩展程序之间的通信