如何从零开始写故事一个 Chrome 扩展

怎样把chrome浏览器一个扩展程序移动到另一个chrome浏览器中_chrome吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:154,295贴子:
怎样把chrome浏览器一个扩展程序移动到另一个chrome浏览器中收藏
求助,一直用世界之窗极速版,下了一个太阳花试试。用了google账号的同步,但是有两个扩展没同步,求助,有没有不用再那个下扩展的方法,那个扩展装在哪,可以用浏览器安装吗?
傲游5浏览器,历经十余年研发积累,拥有千余款丰富的独家chrome插件,满足你的多种需求,无需繁琐安装,只需简单选择,即可立即使用,稳定易用,立即点击,马上试用!
进入扩展程序界面chrome://settings/extensions开发人员模式打勾找到应用程序ID进入%Userprofile%\AppData\Local\Google\Chrome\User Data\Default\Extensions找到与ID名称相同的文件夹,打开把版本号的文件夹Copy出来然后使用Chrome扩展程序的打包扩展程序,打包时选择版本号的文件夹就可以了会生成一个于文件夹名称相同的Crx文件,拖到Chrome浏览器里面安装就可以了PS:这样弄完之后扩展程序的ID与之前有了区别,无法自动更新,建议能下载到的就去下载对于已经被删除掉的扩展可以这么做
能去商店下载是最好的办法
直接同步不行么
4个扩展只同步了两个,不知道怎么回事
登录百度帐号推荐应用标签:至少1个,最多5个
一个 Chrome 扩展其实就是一个配置文件 manifest.json 和一系列 HTML、CSS、JS、图片文件的集合,所以只要有前端基础,写一个简单的 Chrome 扩展是分分钟的事情。
一个简单的 Chrome 扩展的目录结构是这样的:
--chrome extension
|--manifest.json
|--script.js
|--style.css
|--popup.html
这里主要讲 Manifest 文件的编写和扩展的调试,至于HTML、CSS、JS 及文件组织,跟普通的 Web 开发一样。下面的涉及到的两个栗子,源码分别在
Manifest 文件
manifest.json 是 Chrome 扩展的入口文件,定义了 扩展的名称(name)、版本(version)、描述(description)、图标位置(icons)和 Manifest 版本(manifest_version)等信息。
其中,name、version 和 manifest_version 是必须的,而且 manifest_version 必须为 2 。
browser_action
browser_action 指定扩展的图标放在 Chrome 工具栏中,它定义了扩展图标文件位置(default_icon)、悬浮提示(default_title)和点击扩展图标所显示的页面位置(default_popup)。
"browser_action": {
"default_icon": {
"19": "images/icon19.png",
"38": "images/icon38.png"
"default_title": "stock helper",
"default_popup": "popup.html"
比如一个查看股票信息的扩展,点开图标后是这样的效果
options_page
options_page 属性定义了扩展的设置页面,配置后在扩展图标点击右键可以看到 选项 ,点击即打开指定页面。对于没有图标(没有设置 browser_action)的扩展,可以在 chrome://extensions/ 页面找到选项按钮。
"options_page": "options.html",
permissions
permissions 属性是一个数组,它定义了扩展需要向 Chrome 申请的权限,比如通过 XMLHttpRequest 跨域请求数据、访问浏览器选项卡(tabs)、获取当前活动选项卡(activeTab)、浏览器通知(notifications)、存储(storage)等,可以根据需要添加。
"permissions": [
"activeTab",
"notifications",
background
background 可以使扩展常驻后台,比较常用的是指定子属性 scripts,表示在扩展启动时自动创建一个包含所有指定脚本的页面。
"background": {
"scripts": ["js/background.js"]
chrome_url_overrides
chrome_url_overrides 属性可以自定义的页面替换 Chrome 相应默认的页面,比如新标签页(newtab)、书签页面(bookmarks)和历史记录(history)。
"chrome_url_overrides": {
"newtab": "tab.html"
结合前面的 background 属性,可以做一个打开新标签页,就能看到天气和当前时间的扩展,如下图
在编写的过程中,可以通过打开 Chrome 设置-扩展程序(chrome://extensions/) 页面,勾选 开发者模式,点击 加载正在开发的扩展程序 按钮,选择扩展所在的文件夹,就可以在浏览器工具栏中看到自己写的扩展了。
如果是带图标的扩展,右键点击图标,点击审查弹出内容,在相应位置加断点,然后在控制台(console)上,输入以下命令:
location.reload()
重新加载这个页面,就可以调试了。
如果是覆盖新标签页的应用,直接右键审查元素,加断点,刷新即可。
8 收藏&&|&&89
你可能感兴趣的文章
10 收藏,3.3k
本作品采用 署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可
有一处打错的字你自己找下吧。说几个建议哈:
既然文章面向有一定基础的开发者,我更关注这东西和普通的页面开发有何异同。
最好先列一下最终实现了哪些功能,效果如何,不需要很多。然后告诉我们如何一点点实现,这个文章更像是单纯的对官方文档的解释,这些内容我看了好多,但是至今也不知道该怎么写扩展。
有一处打错的字你自己找下吧。说几个建议哈:
1. 既然文章面向有一定基础的开发者,我更关注这东西和普通的页面开发有何异同。
2. 最好先列一下最终实现了哪些功能,效果如何,不需要很多。然后告诉我们如何一点点实现,这个文章更像是单纯的对官方文档的解释,这些内容我看了好多,但是至今也不知道该怎么写扩展。
我说话比较直接,你别介意哈,我也写过几篇博客。有时候真的觉得太磨叽,所以很多地方一笔带过,其实对读者来说,一切都十分陌生,所以能详细尽量详细,有框架,有描述,如果有图当然更好。对第一次接触的人来说一切都是陌生的,很难像写作者那么了解。你说配置文件这东西,我到现在都不知道怎么组织一个插件的素材的资源结构,也不了解各种代码间的调用关系,最后放弃了学习。很希望能看到一个真正了解这东西的人做一个详细的讲解
我说话比较直接,你别介意哈,我也写过几篇博客。有时候真的觉得太磨叽,所以很多地方一笔带过,其实对读者来说,一切都十分陌生,所以能详细尽量详细,有框架,有描述,如果有图当然更好。对第一次接触的人来说一切都是陌生的,很难像写作者那么了解。你说配置文件这东西,我到现在都不知道怎么组织一个插件的素材的资源结构,也不了解各种代码间的调用关系,最后放弃了学习。很希望能看到一个真正了解这东西的人做一个详细的讲解
在文章开头我有说明,一个 Chrome 扩展其实就是一个配置文件 manifest.json 和一系列 HTML、CSS、JS、图片文件的集合,除了多一个 manifest.json 文件和普通的页面开发并无其他差别,所以没有写如何建一个初始目录。不过多谢你的建议,错别字我改掉了,另外加了一个目录结构。
在文章开头我有说明,一个 Chrome 扩展其实就是一个配置文件 manifest.json 和一系列 HTML、CSS、JS、图片文件的集合,除了多一个 manifest.json 文件和普通的页面开发并无其他差别,所以没有写如何建一个初始目录。不过多谢你的建议,错别字我改掉了,另外加了一个目录结构。
不会介意的,本来就是讨论。主要是 chrome 插件除了一个 manifest 文件之外,其他的静态资源的组织本来就跟普通的页面开发无异,如果需要配置一个弹出页面,就在 manifest 中配置一下default_popup,然后在这个属性指定的页面中引入 js,css,图片等,所以除了讲解 manifest 其他的没什么好讲解,另外,我也给了两个 github 上的例子啊
不会介意的,本来就是讨论。主要是 chrome 插件除了一个 manifest 文件之外,其他的静态资源的组织本来就跟普通的页面开发无异,如果需要配置一个弹出页面,就在 manifest 中配置一下default_popup,然后在这个属性指定的页面中引入 js,css,图片等,所以除了讲解 manifest 其他的没什么好讲解,另外,我也给了两个 github 上的例子啊
好,我去看一下github的例子吧。不过挺想看看那种第一步实现xxx,第二步实现xxx的教程。
好,我去看一下github的例子吧。不过挺想看看那种第一步实现xxx,第二步实现xxx的教程。
额,其实 Chrome 插件的第一步实现xxx第二步实现xxx都是在manifest配置了加一个属性而已,比如除了前面评论提到的,加一个选项页面就是配置options_page,需要请求数据、存储等就是配置 permissions,其他的,都还是写 html,css,js
额,其实 Chrome 插件的第一步实现xxx第二步实现xxx都是在manifest配置了加一个属性而已,比如除了前面评论提到的,加一个选项页面就是配置options_page,需要请求数据、存储等就是配置 permissions,其他的,都还是写 html,css,js
哈哈,不知不觉讨论了这么多。为了让其他读者能了解我在说什么,我发个链接吧。最近在学rails,这里面随便点开一个就好。先标明我们要做一个什么样的东西或功能,然后一步步来实现,在接近学习目标的过程中,掌握了各种配置条目和对应功能的关系。光介绍配置这个我是背不下来,哈哈,等我自己写的时候,又逗比了,要反复去翻文档,然后猜测哪个项目对应什么东西。
哈哈,不知不觉讨论了这么多。为了让其他读者能了解我在说什么,我发个链接吧。
/courses/rails-101/
最近在学rails,这里面随便点开一个就好。
先标明我们要做一个什么样的东西或功能,然后一步步来实现,&strong&在接近学习目标的过程中&/strong&,掌握了各种配置条目和对应功能的关系。光介绍配置这个我是背不下来,哈哈,等我自己写的时候,又逗比了,要反复去翻文档,然后猜测哪个项目对应什么东西。
赞~,本人也写了一篇,不过重点不是如何开发,而是如何将应用发布到chrome应用商店:
赞~,本人也写了一篇,不过重点不是如何开发,而是如何将应用发布到chrome应用商店: /p/049eecc2062f
写好了,怎么装上去啊
文章只写了配置jason文件
写好了,怎么装上去啊
文章只写了配置jason文件
分享到微博?
你好!看起来你挺喜欢这个内容,但是你还没有注册帐号。 当你创建了帐号,我们能准确地追踪你关注的问题,在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助,记得点赞 (????)? 表示感谢。
明天提醒我
我要该,理由是:问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
就是在浏览器窗口最下方增加一行,就像用浏览器下载时,下面的那条东西(图)
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
就像这个,我想打开任何一个指定的网页都能自动显示一行我自己的按钮,chrome有这样的接口吗?
我看过12306订票助手的插件,它那是修改了12306原网页,在原网页的基础上增加内容的,如果在地址栏里输入别的网址,就没用了。
因为我想在地址栏中随意输入网址都会在窗口下面显示按钮,所以我想知道有别的方法吗?
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
Chrome插件的接口据我所知没有你所描述的在下方开非嵌入在页面内的UI的接口。
但既然你知道可以嵌入网页增加DOM元素在底部显示,自然可以在所有网页都这么干来实现“所有网页打开底部都有你的UI”的需求
我不知道这和站长有什么关系,你做你的chrome插件,人家做人家的网站,用户愿意选你的插件和愿意上人家的网站又没啥冲突,除非你的插件偷偷把人家网站的adsense换掉来给自己赚钱,那不用站长,google发现就会干掉你。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
就你说的12306的那个content_scripts就可以实现吧,把你的插件content_scripts.matches填写为&all_urls&在所有网址都加载你的插件然后设置好你的按钮样式不就好了么?
装不装插件是用户的意志,用户觉得你的插件做的很烦自然就不装了,跟其他网站有什么关系?视频网站讨厌去广告插件能禁止去广告插件的流行么...
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
有道智能翻译
同步到新浪微博
分享到微博?
Hi,欢迎来到 SegmentFault 技术社区!⊙▽⊙ 在这里,你可以提出编程相关的疑惑,关注感兴趣的问题,对认可的回答投赞同票;大家会帮你解决编程的问题,和你探讨技术更新,为你的回答投上赞同票。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:

我要回帖

更多关于 从零开始学写作 一 的文章

 

随机推荐