content_scripts css,chrome 扩展开发 中 "content_scripts" 配置的 文件没有执行?

manifest 配置

{

"name": "插件的名称",

"version": "1.1.1",

"description": "插件的说明",

"manifest_version": 2,

"icons": {

"16": "icons/16.png",

"32": "icons/32.png",

"48": "icons/48.png",

"64": "icons/64.png",

"128": "icons/128.png"

},

"browser_action": {

"default_icon": "icons/128.png",

"default_popup": "./taps/taps.html",

"default_title": "zh_CN"

},

"permissions": [

"http://*/*",

"https://*/*",

"tabs",

"contextMenus",

"notifications",

"webRequest",

"webRequestBlocking",

"storage"

],

"content_scripts": [

{

"matches": [

"",

"http://*/*",

"https://*/*"

],

"js": [

"libs/zepto.js",

"taps/content.js"

],

"css": [

"taps/content.css"

],

"run_at": "document_end"

}

],

"homepage_url": "https://www.baidu.com",

"options_page": "options/options.html",

"options_ui": {

"page": "options/option.html",

"chrome_style": true

},

"devtools_page": "others/develop.html"

}

content.js

console.log(window.location);

F12 调试模式下

sources 下 content scripts 里面是空的!

bVYKlz?w=1254&h=728

网上看教程 感觉很简单的配置就可以的。

望有经验的指点(主要是google 官方文档访问不了)谢谢!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Chrome扩展content-scripts请求跨域的问题,可以通过在manifest.json文件添加"permissions"和"web_accessible_resources"字段来解决。具体步骤如下: 1. 在manifest.json文件添加"permissions"字段,用于声明扩展需要访问的权限。例如: ``` { "name": "My Extension", "version": "1.0", "manifest_version": 2, "permissions": [ "http://www.example.com/*" ], "content_scripts": [ { "matches": ["http://www.example.com/*"], "js": ["content_script.js"] } ] } ``` 以上代码,"http://www.example.com/*"表示扩展需要访问的域名,"content_scripts"表示扩展需要注入的脚本。 2. 在manifest.json文件添加"web_accessible_resources"字段,用于声明扩展需要访问的资源。例如: ``` { "name": "My Extension", "version": "1.0", "manifest_version": 2, "permissions": [ "http://www.example.com/*" ], "content_scripts": [ { "matches": ["http://www.example.com/*"], "js": ["content_script.js"] } ], "web_accessible_resources": [ "http://www.example.com/*" ] } ``` 以上代码,"http://www.example.com/*"表示扩展需要访问的资源。 3. 在content_script.js文件使用XMLHttpRequest或fetch等API发送跨域请求,代码示例如下: ``` fetch('http://www.example.com/api/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error)); ``` 以上代码,fetch方法用于发送跨域请求,并且在响应获取数据。 需要注意的是,如果要在content-scripts使用cookie等认证信息,需要在manifest.json文件添加"permissions"字段,并使用XMLHttpRequest或fetch等API发送带有cookie的跨域请求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值