首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编写Chrome扩展程序

Chrome扩展程序很多,也很容易入门,可以来简单实现一下 看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为:https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展chrome://extensions/ ?....pem是密钥文件 二、创建Chrome扩展程序 由上述知晓了扩展程序的大致信息,要创建一个扩展程序,也不外乎是创建一个项目,依据一定的规则编写逻辑后再打包安装 接下来就把之前写的简易计算器弄成一个扩展程序...可以看到计算器已经在扩展程序之中 再看看博客文章下的广告,已经被清除了 ? ? 三、发布Chrome扩展程序 自己的Chrome扩展程序写好之后,可以发布到商城之中 这篇文章 讲得挺好,就不多说了

83810

使用HTML,CSSJavaScript创建Chrome扩展程序

介绍 谷歌浏览器是开发人员普通用户最喜欢的浏览器之一。我在所有设备上都使用了Google Chrome浏览器,它可以帮助我同步书签,浏览器历史记录,密码管理器等等。...您可以测试您的网页全部。通过使用扩展程序,谷歌浏览器变得更加强大。 因此,今天,我们将研究如何使用HTML,CSSJavaScript创建您的第一个Google Chrome扩展程序。...设置 要求 Chrome扩展入门的要求很少。...列表在这里: Google Chrome扩展程序(用于测试) 文本编辑器(我更喜欢VS Code,您可以根据需要使用其他编辑器) 有关HTML,CSSJavaScript的基础知识 Chrome扩展程序...我们将为第一个Chrome扩展程序开发一个计算器应用程序

1.9K20
您找到你想要的搜索结果了吗?
是的
没有找到

能安装Chrome扩展油猴脚本的手机浏览器

之前分享过很多Chrome扩展的文章,不过都是电脑端的,今天分享几个手机上能安装扩展油猴脚本的浏览器。 上不了谷歌如何安装 Chrome 扩展?...那些有趣/实用的 Chrome 扩展神器 那些有趣/实用的 Chrome 扩展神器系列(二) 那些有趣/实用的 Chrome 扩展神器系列(三) 微软 edge 浏览器如何安装扩展 实用油猴脚本推荐,让你的谷歌浏览器更强大...Kiwi 这是第一个要推荐的浏览器,Kiwi基于ChromiumWebKit内核开发(类似Yandex浏览器),安装扩展方式与电脑端一样,直接访问Chrome扩展商店,搜索你想安装的扩展就可以了,堪称手机版...除了在线安装,同样可以导入下载好的crx文件安装,在菜单----扩展程序或者地址栏输入 kiwi://extensions 进入扩展管理。 ? 这样就可以上谷歌商店安装扩展了。 ? ?...浏览器 这是基于火狐内核开发的浏览器 https://github.com/fork-maintainers/iceraven-browser ,如果下载不了在公众号后台回复 浏览器 ,它同样支持安装扩展程序油猴脚本

6.4K41

分享几个实用的Chrome扩展程序

这次分享几个自己工作这几年下来,平常用的比较多的几个谷歌浏览器的扩展程序。 AdBlock 最受欢迎的 Chrome 扩展,拥有超过 6000 万用户!拦截网页上的广告。...MultiLogin类似插件还有SessionBox,也是支持打开多个隐身标签页的工具。...但是通过clear cache工具设置好了要清除的缓存,点击一下按钮即可清除缓存浏览数据。...可以直接将文件拖到Chrome里自动播放。 点击RECORD开始录制。 掘金 程序员分享社区,这个插件可以让你在打开新标签页的时候默认看到的是,掘金收集的每天最新,最热的技术文章。...最后的最后,这些扩展程序都是自己经常用到的,如果大家也有好用的Chrome插件也可以推荐给我。

1.7K20

在Edge中安装Chrome扩展程序

/www.microsoftedgeinsider.com/en-us/download/ ,下载Edge的CAN版本 (Logo为金色配色), 并完成安装 打开允许Edge从其它商店安装扩展程序的按钮...从Chrome商店安装扩展程序 打开https://zhaoolee.gitbooks.io/chrome/content/ 寻找自己喜欢的扩展程序, 在文章底部获取地址并安装, markdown...-5f0f22.html 小结 Edge可以安装绝大多数Chrome商店中的扩展, 但Chrome中的谷歌开发App程序, 类似Secure Shell App, 目前是无法安装的, 新版...-Chrome插件英雄榜文集的一部分, 为了集合更多的程序工具爱好者, 将谷粒-Chrome插件英雄榜维护下去, 我已将谷粒-Chrome插件英雄榜 文集的所有内容托管到Github, 项目地址https...://github.com/zhaoolee/ChromeAppHeroes , 欢迎广大程序工具爱好者们为项目贡献力量, 也欢迎拥有Github账户的朋友们为本项目加星, 非常感谢!

3K40

Chrome浏览器扩展程序的本地备份

https://jerry.blog.csdn.net/article/details/82919322 由于众所周知的原因,有些朋友可能很难在线下载Chrome扩展程序。...一种选择是可以让朋友把他成功安装的Chrome扩展程序导出成本地文件,然后让朋友发送给自己,在自己本地电脑上报这些本地文件直接拖到Chrome扩展程序设置页面上,这样无需网络,也能实现扩展程序的离线安装...本文介绍如何在一台已经安装了某个Chrome扩展程序的电脑上,将Chrome扩展程序导出成本地文件。...大家在自己Chrome浏览器扩展应用设置界面,一定看到过每个扩展应用有一个ID,由大量小写字母组成。 ?...最后保存到本地的Chrome扩展应用的格式为crxpem. ? 把这些crxpem发给你的朋友,他们就可以离线安装了。 ?

63240

谷歌改进Chrome扩展程序菜单,更加方便直观。

报告显示,今年1月Chrome浏览器的市场份额已经从去年的60.57%上升至61.41%。但是Chrome内存占用严重,下载扩展程序菜单不够人性化等也常被人吐槽,现在谷歌正在着手改善这些问题。...当前正式版本的谷歌Chrome浏览器的扩展程序被放在三级菜单,使用起来非常不方便。 谷歌Chrome正在测试工具栏扩展菜单:新增一个扩展管理按钮,点击即可显示已安装的扩展程序。 ?...点击扩展程序列表右侧的三个小点(选项菜单),弹出设置菜单,代替右击扩展程序图标功能,更加直观。如果不想在标题栏显示,可以选择“取消固定”,扩展程序就会在地址栏消失,大大节省了地址栏的空间。...新的扩展程序菜单还包括“管理扩展程序”选项,可快速进入扩展程序管理页面。 ? 新版菜单把“扩展程序管理”从“更多工具”里移出,放在扩展程序专属的菜单中,操作更加方便。...声明:本文由w3h5原创,转载请注明出处:《谷歌改进Chrome扩展程序菜单,更加方便直观。》 https://www.w3h5.com/post/272.html

2K20

Chrome浏览器扩展程序的本地备份

由于众所周知的原因,有些朋友可能很难在线下载Chrome扩展程序。...一种选择是可以让朋友把他成功安装的Chrome扩展程序导出成本地文件,然后让朋友发送给自己,在自己本地电脑上报这些本地文件直接拖到Chrome扩展程序设置页面上,这样无需网络,也能实现扩展程序的离线安装...本文介绍如何在一台已经安装了某个Chrome扩展程序的电脑上,将Chrome扩展程序导出成本地文件。...大家在自己Chrome浏览器扩展应用设置界面,一定看到过每个扩展应用有一个ID,由大量小写字母组成。...[1240] 最后保存到本地的Chrome扩展应用的格式为crxpem. [1240] 把这些crxpem发给你的朋友,他们就可以离线安装了。

73740

【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序

(刚开始使用的时候可以理解为一个东西) 应用扩展程序通常需要长时间运行的脚本来管理某些任务或状态,这就是后台页面的作用。...扩展程序小结 一个扩展程序最重要的我觉得就是上述的三块内容: Content scripts -- 内容脚本 popup -- 弹窗页面 background -- 后台网页 ?...扩展程序的消息传递 消息传递存在的必要性是因为内容脚本在网页而不是扩展程序的环境中运行,所以它们通常需要某种方式与扩展程序的其余部分通信。...扩展程序(弹窗页面后台页面)内容脚本间的通信使用消息传递的方式。两边均可以监听另一边发来的消息,并通过同样的通道回应。消息可以包含任何有效的 JSON 对象。..."来自内容脚本:" + sender.tab.url : "来自扩展程序"); if (request && !

1.8K30

FacexWorm通过Facebook MessengerChrome扩展传播

FacebookChrome用户要注意了,最近有一款名叫FacexWorm的病毒,可以窃取密码,窃取加密货币,或者向Facebook用户发送垃圾邮件。...点击该链接后用户被重定向到一个仿冒的YouTube网页,这个网页会让用户安装跟YouTube相关的Chrome扩展程序。...发送垃圾邮件 通过分析这个插件,趋势科技发现它会向用户的Chrome浏览器添加代码,以便从登录表单中窃取密码。...这款扩展还会插入加密挖掘脚本,加载Coinhive浏览器中的挖矿脚本。...趋势科技表示,他们很早就报告给了GoogleFacebook,Chrome商店员工删除了扩展程序,而Facebook则禁止与垃圾邮件相关的域名,共同阻止了攻击的扩散。

60620

【前端工具】Chrome 扩展程序的开发与发布 -- 手把手教你开发扩展程序

(刚开始使用的时候可以理解为一个东西) 应用扩展程序通常需要长时间运行的脚本来管理某些任务或状态,这就是后台页面的作用。...扩展程序小结 一个扩展程序最重要的我觉得就是上述的三块内容: Content scripts -- 内容脚本 popup -- 弹窗页面 background -- 后台网页 ?...扩展程序的消息传递 消息传递存在的必要性是因为内容脚本在网页而不是扩展程序的环境中运行,所以它们通常需要某种方式与扩展程序的其余部分通信。...扩展程序(弹窗页面后台页面)内容脚本间的通信使用消息传递的方式。两边均可以监听另一边发来的消息,并通过同样的通道回应。消息可以包含任何有效的 JSON 对象。..."来自内容脚本:" + sender.tab.url : "来自扩展程序"); if (request && !

1.4K30

分享几个实用的 chrome edge 扩展

话说没有扩展的浏览器是没有灵魂的,之前分享过几篇关于Chrome扩展的文章(微软的edge也是通用的)这里再分享几个实用的扩展: 网易云音乐 这个扩展在之前文章分享过分享几个音乐神器 APP,免费听全网音乐...BA%91%E9%9F%B3%E4%B9%90/ekmamdknmdolmmjbgpmnkiobcnihdhhf 网页版登陆账号还可以收听管理你的网易云音乐歌单,比如周杰伦的这首《你听得到》虽然显示灰色但也能听...终结内容农场 平常使用搜索引擎的时候经常会发现些垃圾seo网站 ,打开后都是从其他网站拼凑的内容,这个扩展可以标示内容农场链接,防止误入内容农场网站,并封锁内容农场的广告与恶意程序扩展地址https:.../gabfmnliflodkdafenbcpjdlppllnemd/ 视频下载助手 之前分享过很多视频下载工具 又一视频下载神器,批量下载腾讯/优酷/爱奇艺/b站/抖音视频 ,这个扩展也支持下载主流网站的视频音频...、xlsx、ppt、pptx ,只需要拖动文件到 Chrome 浏览器即可,有点类似腾讯文档,扩展地址https://chrome.google.com/webstore/detail/office-editing-for-docs-s

1.4K20

chrome无法从该网站添加应用、扩展程序用户脚本_谷歌浏览器该插件不受支持怎么解决

今天将谷歌浏览器升级到了最新的版本,在安装拓展应用的时候,却发现无法添加应用、拓展程序用户脚本,让我很是郁闷,现整理解决方法如下: 1.在Google Chrome浏览器的桌面快捷方式上鼠标右键...进入谷歌浏览器的 “拓展程序” 页面(即在谷歌浏览器地址栏输入:chrome://extensions/) 4....右上角有个开发者模式,点击启用就可以添加应用、拓展程序用户脚本了 谷歌拓展 谷歌浏览器常用的几个插件 1.修改谷歌浏览器默认编码插件 Charset 链接:Charset_v0.4.1...新标签页插件 Infinity New Tab 链接:infinity-pro.crx_免费高速下载|百度网盘-分享无限制 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

2.3K30

Chrome扩展程序之编码&时间戳小工具

Chrome扩展程序之编码&时间戳小工具 作为一个前端小白,对于chrome扩展程序久闻大名,实际动手头一次;前天晚上到前端哪里串门看到小伙伴在搞这个,要了份手册,也来尝个鲜 项目源码看这里: https...b的到百度上找个工具来用,虽然说也可以满足需求,单终究不是那么爽快;作为一个码农,完全可以考虑捋起袖子自己玩 如果用的mac电脑,有两神器估计大家都知道 Alfred popclip, 这两个支持自定义扩展程序...,只要你脚本写得溜,想上天都行 推一个我之前写的 poplicp 扩展程序的源码链接 : https://github.com/liuyueyi/PopClip, 基本上也是为了实现上面的需求 ok,这里的主要目的是开发...捋现有的扩展程序的代码 通过上面搞清楚基本的概念之后,也就是 manifest.json 这个东西的配置之后,自己想开发,但是没什么头绪,不要怕,完全可以去看下别人是怎么玩的 偷师三步骤: 打开扩展页...": "/image/icon48.png" }, "permissions": [ "http://api.flickr.com/" ] } 2. popup.html 页面 这个就是扩展程序显示的页面了

2.3K80

Chrome扩展程序导出备份与本地导入浏览器

操作步骤如下:Chrome导出扩展程序对于之前安装过插件,需要备份或者其他Chrome皮的国产浏览器,都可用用此方法打包,然后倒入chrome浏览器安装。...打开chrome打开扩展程序管理界面查看插件的id,开到相应的插件文件,打包找到扩展程序目录找到插件安装位置,路径如下:C:\Users\zhoulujun\AppData\Local\Google\Chrome...\User Data\Default\Extensions具体操作如图所示打包扩展程序load/浏览插件文件(扩展程序的id文件夹),个人用,Private key file/私钥文件不用不安,点击...Pack extention/打包扩展程序,然后在该扩展程序目录下,ctx 即开插件的打包文件。...在其他浏览器,拖该ctx文件,到chrome 扩展程序管理界面,即可导入安装chrome常用插件列表个人打包从插件列表AlexaTrafficRank.crx:http://zhoulujun.cn/media

91210

绕过Edge、ChromeSafari的内容安全策略

概述 ---- Web应用中有许多基本的安全机制,其中一个是同源(same-origin)策略机制,该机制规定了应用程序代码可以访问的资源范围。...内容安全策略(Content Security Policy,CSP)是防御XSS攻击的一种安全机制,其思想是以服务器白名单的形式来配置可信的内容来源,客户端Web应用代码可以使用这些安全来源。...然而,我们发现Microsoft Edge浏览器(40.15063版仍未修复)、Google Chrome浏览器(已修复)以及Safari浏览器(已修复)中存在一个信息泄露漏洞。...这个问题会影响Microsoft Edge浏览器、老版本的Google Chrome浏览器以及Firefox浏览器,原因在于“about:blank”页面与加载该页面的文档属于同一个源,但不受CSP策略限制...该报告部分内容摘抄如下: “ 攻击者可以使用window.open("","_blank")创建一个新页面,然后使用document.write将恶意脚本写入该页面,由于攻击者处于about:blank

2.3K70
领券