Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有木有 chrome 扩展开发的大神?

有木有 chrome 扩展开发的大神?

提问于 2017-11-27 03:04:45
回答 1关注 0查看 263

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

manifest 配置

代码语言:txt
AI代码解释
复制
{
代码语言:txt
AI代码解释
复制
  "name": "插件的名称",
代码语言:txt
AI代码解释
复制
  "version": "1.1.1",
代码语言:txt
AI代码解释
复制
  "description": "插件的说明",
代码语言:txt
AI代码解释
复制
  "manifest_version": 2,
代码语言:txt
AI代码解释
复制
  "icons": {
代码语言:txt
AI代码解释
复制
    "16": "icons/16.png",
代码语言:txt
AI代码解释
复制
    "32": "icons/32.png",
代码语言:txt
AI代码解释
复制
    "48": "icons/48.png",
代码语言:txt
AI代码解释
复制
    "64": "icons/64.png",
代码语言:txt
AI代码解释
复制
    "128": "icons/128.png"
代码语言:txt
AI代码解释
复制
  },
代码语言:txt
AI代码解释
复制
  "browser_action": {
代码语言:txt
AI代码解释
复制
    "default_icon": "icons/128.png",
代码语言:txt
AI代码解释
复制
    "default_popup": "./taps/taps.html",
代码语言:txt
AI代码解释
复制
    "default_title": "zh_CN"
代码语言:txt
AI代码解释
复制
  },
代码语言:txt
AI代码解释
复制
  "permissions": [
代码语言:txt
AI代码解释
复制
    "http://*/*",
代码语言:txt
AI代码解释
复制
    "https://*/*",
代码语言:txt
AI代码解释
复制
    "tabs",
代码语言:txt
AI代码解释
复制
    "contextMenus",
代码语言:txt
AI代码解释
复制
    "notifications",
代码语言:txt
AI代码解释
复制
    "webRequest",
代码语言:txt
AI代码解释
复制
    "webRequestBlocking",
代码语言:txt
AI代码解释
复制
    "storage"
代码语言:txt
AI代码解释
复制
  ],
代码语言:txt
AI代码解释
复制
  "content_scripts": [
代码语言:txt
AI代码解释
复制
    {
代码语言:txt
AI代码解释
复制
      "matches": [
代码语言:txt
AI代码解释
复制
        "<all_urls>",
代码语言:txt
AI代码解释
复制
        "http://*/*",
代码语言:txt
AI代码解释
复制
        "https://*/*"
代码语言:txt
AI代码解释
复制
      ],
代码语言:txt
AI代码解释
复制
      "js": [
代码语言:txt
AI代码解释
复制
        "libs/zepto.js",
代码语言:txt
AI代码解释
复制
        "taps/content.js"
代码语言:txt
AI代码解释
复制
      ],
代码语言:txt
AI代码解释
复制
      "css": [
代码语言:txt
AI代码解释
复制
        "taps/content.css"
代码语言:txt
AI代码解释
复制
      ],
代码语言:txt
AI代码解释
复制
      "run_at": "document_end"
代码语言:txt
AI代码解释
复制
    }
代码语言:txt
AI代码解释
复制
  ],
代码语言:txt
AI代码解释
复制
  "homepage_url": "https://www.baidu.com",
代码语言:txt
AI代码解释
复制
  "options_page": "options/options.html",
代码语言:txt
AI代码解释
复制
  "options_ui": {
代码语言:txt
AI代码解释
复制
    "page": "options/option.html",
代码语言:txt
AI代码解释
复制
    "chrome_style": true
代码语言:txt
AI代码解释
复制
  },
代码语言:txt
AI代码解释
复制
  "devtools_page": "others/develop.html"
代码语言:txt
AI代码解释
复制
}
代码语言:txt
复制
代码语言:txt
AI代码解释
复制
content.js
代码语言:txt
AI代码解释
复制
console.log(window.location);

F12 调试模式下

sources 下 content scripts 里面是空的!

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

回答 1

微信资讯小编

发布于 2017-11-27 03:05:20

感觉可能是目录路径问题

做插件开发,最好是访问外国网站看谷歌的官方文档,api很容易读懂

和开发者交流更多问题细节吧,去 写回答
相关文章
世界上最短的时钟代码!更短的,有木有?
Processing.js作者是John Resig,这是继Jquery之后,他的第二个力作。
IMWeb前端团队
2019/12/03
1.5K0
世界上最短的时钟代码!更短的,有木有?
该文介绍了如何用 Processing 语言实现时钟的绘制。首先介绍了 Processing 语言的用途,然后给出了一段示例代码,接着详细讲解了时钟绘制代码的实现细节。最后给出了一个在线演示链接,读者可以在线查看该时钟的绘制效果。
IMWeb前端团队
2017/12/29
1.2K0
Git 简单命令,木有高深内容
1.添加和提交 下载一个项目和它的整个代码历史 $ git clone [url] 你可以提出更改(把它们添加到暂存区),使用如下命令: git add <filename> git add * 这是 git 基本工作流程的第一步;使用如下命令以实际提交改动: git commit -m "代码提交信息" 现在,你的改动已经提交到了 HEAD,但是还没到你的远端仓库。 2.推送改动 执行如下命令以将这些改动提交到远端仓库: git push origin master 可以把 master 换成
程序员鹏磊
2018/02/09
5400
Chrome扩展开发
注:content_scripts段中的代码会在页面加载对应阶段"document_start", “document_end”, or "document_idle"自动注入 但是脚本运行在与页面独立的上下文中,无法访问到原页面的脚本上下文资源 如需访问原页面脚本上下文,可在content_scripts脚本中将web_accessible_resources段中声明的脚本注入到document中 样例: js/content-script.js
路过君
2020/06/19
9750
大神分享报表美化终极秘籍,有图有视频!
经常有小伙伴吐槽:“为什么我的报告看起来总是那么普通,没新意”、“用了别人分享的配色和修饰为啥还是没亮点”....
永洪数据科学院
2021/04/19
4480
Chrome扩展开发入门
近几年,随着 IE 浏览器的落幕,Chrome(包括使用Chrome内核的浏览器)其实质上已经垄断整个浏览器行业了,就连微软的 Edge 都用上了 Chrome 内核。 可以说,Chrome 的标准,事实上就可以看做是行业标准了。可以预见,Chrome 的发展前景将会非常广阔。
epoos
2022/09/19
4.2K0
Chrome扩展开发入门
使用typescript开发chrome扩展
ianzhi
2023/10/19
8400
使用typescript开发chrome扩展
程序员,近期在家办公,突然感觉自己戾气很重,你有木有?
这应该是一个普遍现象吧?在这个特殊时期,这种心态的变化应该是一个非常有意义的心理学课题,我对心理学非常感兴趣,希望在这里和大家探讨探讨。
用户5997198
2020/03/20
6280
java基础:枚举(你木有见过的船新版本)
枚举经常用来设计一些常量,比如一星期有7天,且只能有唯一的7天,所以枚举是在一定的范围取值,并且必须是枚举类型中的任意一个,而且只能有一个
许喜朝
2020/08/24
3790
Chrome扩展开发入门体验
****前言**** Chrome浏览器扩展开发算是相当简单的,基本只要掌握HTML+CSS+Javascript,即可快速开发一个属于你的Chrome插件! ---- ****Chrome扩展基本目录结构**** manifest.json 这是一个配置文件,里面记录了扩展的使用范围、作者、版本、其余需要加载的文件等内容; icon.png 这个一看便知,就是扩展的图标~~~ popup.html 点击扩展图标,弹出的面板页面(如果在manifest.json中配置了default
AlicFeng
2018/06/08
1.1K0
chrome扩展应用开发快速科普
本文通过对chrome插件的各个部分进行快速的介绍,从而让大家了解插件各个部分的关系,并且知道如何将其进行组装成一个完整的chrome插件。
黄Java
2018/09/18
1K0
chrome扩展应用开发快速科普
Chrome扩展插件的开发--获取网页Cookies
Chrome浏览器在浏览器类应用软件中一直居于榜首,很多人选择Chrome浏览器不仅仅是因为它的稳定,还有它丰富的可拓展性。那么有没有想自己开发一款自己的谷歌浏览器插件呢?本文将介绍大家手动开发一个谷歌浏览器插件获取cookies.
凯哥Java
2022/12/16
2.4K0
Chrome扩展插件的开发--获取网页Cookies
​Chrome扩展插件的开发--获取网页Cookies
Chrome浏览器在浏览器类应用软件中一直居于榜首,很多人选择Chrome浏览器不仅仅是因为它的稳定,还有它丰富的可拓展性。那么有没有想自己开发一款自己的谷歌浏览器插件呢?本文将介绍大家手动开发一个谷歌浏览器插件获取cookies.
凯哥Java
2022/10/30
1.6K0
​Chrome扩展插件的开发--获取网页Cookies
原来Java是这样实现微信小程序加密与解密数据算法的!超赞的有木有?!
微信推出了小程序,很多公司的客户端应用不仅具有了APP、H5、还接入了小程序开发。但是,小程序中竟然没有提供Java版本的加密数据解密算法。这着实让广大的Java开发人员蛋疼。
冰河
2020/10/29
6500
原来Java是这样实现微信小程序加密与解密数据算法的!超赞的有木有?!
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
    就在不久之前,我们目前这个毕业班的班长那日同学和我说,他正在公司开发Chrome扩展,看起来很高大上的技术,实际开发却非常简单,这引起了我非常浓厚的兴趣,正所谓技不压身,检验自身技术的手段之一就是拥抱新事物,这一次我们尝试在半小时内开发一款Chrome扩展,因为之前我们做了一个微信小程序的在线面试题题库的项目,所以正好利用这个题库将面试题平移到Chrome扩展上面。
用户9127725
2022/08/08
6320
在半小时内从无到有开发并调试一款Chrome扩展(Chrome插件/谷歌浏览器插件)
用 Vue 开发自己的 Chrome 扩展
浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务,例如阻止广告,管理密码,组织标签,改变网页的外观和行为等等。
疯狂的技术宅
2019/06/11
3K0
Google I/O 2019,Chrome 有什么消息?
谷歌 I/O 大会第一天,在“What's New with Chrome and the Web”主题分享上,来自谷歌 Chrome 团队的 Dion Almaer 与 Ben Galbraith 介绍了 Chrome 开发的最新进展。
matinal
2020/11/27
7420
Google I/O 2019,Chrome 有什么消息?
Chrome 100:有风险也有机遇!
记得 Chrome 在很久以前第一次达到版本号 10 时,随着主要版本号从一位数变为两位数,很多 User-Agent 解析库发生了很多问题。现在 Chrome 和 Firefox 都马上要突破 100 版本了,Edge 也不甘落后,我们可能需要提前注意一下三位数版本号可能会带来的相关问题,以便在它真的升上去的时候做好准备。
ConardLi
2022/04/08
8440
Chrome 100:有风险也有机遇!
Chrome 窗口全黑了,不怕,有招
这时,你可能发现其他基于 Chromium 内核的应用是正常的。也就说明此时的问题仅仅是 Chrome 浏览器的问题。
walterlv
2023/10/22
5380
Chrome 窗口全黑了,不怕,有招
带你快速走进Chrome扩展开发的大门
Chrome 扩展程序通过可以向 Chrome 浏览器添加特性和功能来增强浏览体验,可以构建一些强大的生产力工具,也可以丰富网页的内容,还可以做一些信息的聚合等等。本篇文章将带你通过三个简单的案例带你快速走进Chrome扩展开发的大门。
前端小鑫同学
2023/04/22
8690
带你快速走进Chrome扩展开发的大门

相似问题

有木有Dsicuz的COS插件哇?

1230

有木有web前端vue的生命周期详细介绍?

1254

有懂niushop模板的大神吗?

1650

云+社区有木有互粉的哇?

1218

短信发送记录有木有提供API,我我拉到本地查询?

1288
相关问答用户
新浪微博 | 高级总监擅长4个领域
某公司 | 程序员擅长1个领域
腾讯云TDP | 产品KOL擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档