谷歌组件开发初尝试--Chrome Extensions

最近项目遇到需要关闭其他网站网页窗口的需求，具体是浏览器处于全屏状态，无法使用浏览器的关闭按钮，所以想到使用chrome extensions来实现全局管理，在别人的网页中注入操作按钮。

chrome extensions：谷歌插件

谷歌扩展插件是直接定制浏览体验的小程序，可以根据实际需要控制浏览器的功能和行为，对网页进行样式修改、添加额外的人机交互等功能。扩展组件直接使用Web开发技术创建，如HTML，CSS和JavaScript。

相关文档链接：
chrome官方文档（英文版） https://developer.chrome.com/extensions
chrome非官方文档（中文版） https://crxdoc-zh.appspot.com/extensions/
360官方文档（中文版） http://open.chrome.360.cn/extension_dev/overview.html

MDN相关配置项（可能不同浏览器有区别）

一、开发

在任意位置创建一个空文件夹，如chrome-plugin（命名不限），其中文件结构如下：
在文件夹下创建manifest.json，这是chrome extensions必需的文件，谷歌浏览器会自动读取该名字的文件获取相关配置

{"name": "My-Tools","version": "1.0.0","manifest_version": 2,"description": "chrome plugin","browser_action": {"default_title": "My Tools","default_icon": "browser/favicon.png","default_popup": "browser/popup.html"},"content_scripts": [{"js": ["content/content_script.js"],"css": ["content/content_script.css"],"matches": ["http://*/*","https://*/*"],"run_at": "document_start"}],"background": {"scripts": ["background/background.js"]},"permissions": ["tabs"]
}

谷歌组件开发初尝试--Chrome Extensions相关推荐

微软协助谷歌开发ARM平台Chrome浏览器
微软协助谷歌开发ARM平台chrome浏览器美国科技博客9to5xx发现,,近日,微软的一些工程师正在为谷歌Chrome浏览器贡献代码,帮助其成为ARM平台上的原生Windows应用. 此外,高通高 ...
Serverless 开发前端初尝试
Serverless 开发前端初尝试啥是云开发云开发serverless是一种模式,和传统模式的区别在于开发者不用维护服务器.服务器的日常维护, 负载均衡,扩容和减容, 运维,安全,日志等都交给了 ...
下一版本Windowsreg; CE 开发工具Smart Device Extensions for Microsoft Visual Studioreg; .NET...
初识 Smart Device Extensions Larry Roof Tonked.com 2001年10月23日上个月我曾说过我会前往 Microsoft 学院,了解下一版本的小型工具的情况 ...
制作一个简单的Chrome extensions并发布到应用商店
制作一个简单的Chrome extensions并发布到应用商店制作一个简单的Chrome extensions并发布到谷歌商店一个简单的ShowTime extension 注:工具推荐使用VS ...
vue结合饿了么_饿了么基于Vue2.0的通用组件开发之路（分享会记录）
Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网 ...
巨坑：chrome extensions绝对不要升级到V3
前言自我的谷歌插件从升级到V3起,一直遇到一些偶现的一些小bug,定位了好久,是因为background(V3叫做service worker)加载不出导致的. 我在baidu搜了一圈,发现V2有个 ...
HarmonyOS实战—原子化服务初尝试
目录原子化服务初尝试什么是原子化服务原子化服务的优点创建原子化服务项目运行原子化服务项目目录结构分析原子化服务初尝试什么是原子化服务原子化服务是HarmonyOS提供的一种面向未来的 ...
ASP.NET自定义控件组件开发第四章组合控件开发CompositeControl
第四章组合控件开发CompositeControl 大家好,今天我们来实现一个自定义的控件,之前我们已经知道了,要开发自定义的控件一般继承三个基类:Control,WebControl,还有一个就 ...
Windows Embedded Standard开发初体验(二)
支持Silverlight的Windows Embedded Standard 好了,完成安装之后,我们就可以来做Windows Embedded Standard的第一个操作系统镜像了.在开始菜单中 ...

谷歌组件开发初尝试--Chrome Extensions

chrome extensions：谷歌插件

一、开发

谷歌组件开发初尝试--Chrome Extensions相关推荐

最新文章

热门文章