chrom浏览器自定义插件开发

1、首先定义文件夹命名为“mainifest”
2、进入文件夹创建文件mainifest.json,此文件为插件主配置文件
{
  "name": "Flutter",
  "manifest_version": 2,
  "version": "1.0",
  "description": "I Love coding!",
  "browser_action": {
    "default_icon": "1.png"
  },
  "content_scripts": [
    {
      "matches": ["http://www.baidu,con/*","http://www.csdn.net/*"],
      "js": ["jquey.js","script.js"]
    }
  ]
}
3、需修改的参数主要为“default_icon”,此为插件图标,必须有
4、matches,访问这些链接时,需执行的代码开始执行
5、js,引用的js代码,script.js中放所需要执行的js代码
6、打开chrom加载已解压的扩展程序,选中mainifest文件夹即可7、加载完成,当执行matches中的网站时,代码即会执行。

  

原文地址:https://www.cnblogs.com/lansetuerqi/p/9313942.html

时间: 2024-10-12 11:25:32

chrom浏览器自定义插件开发的相关文章

Chrom 浏览器一些命令

http://wendal.net/2015/02/04.html    chrom 浏览器编译过程 http://blog.csdn.net/bamboolsu/article/details/44559127 http://blog.csdn.net/jordanxinwang/article/details/12229131 http://www.cnblogs.com/zhouqinxiong/p/3577916.html?utm_source=tuicool&utm_medium=re

jquery.uploadify插件在chrom浏览器频繁崩溃问题

jquery.uploadify插件在chrom浏览器频繁崩溃问题,一直困扰了好久,网上很多人说是由于chrom缓存的原因,插件初始化时,需要引用js,而chrom的缓存导致没有没有请求到jquery.uploadify-3.1_min.js,所以引起崩溃,可以在引用js时,加入随机数:<script type="text/javascript" src="/js/jquery.uploadify-3.1_min.js?ver=<?php echo rand(0,

cordova跨平台app开发02_自定义插件开发与安装

视频地址:http://t.cn/RacmXiy cordova的自定义插件由js.原生代码文件(java.oc).plugin.xml三部分组成. cordvoa提供了命令来创建插件模版项目. 创建插件模版 1.     pluman的安装 npm install –g plugman 2.     在d:\cordovaplugins创建一个名称为helloplugins,id为com.zql. helloplugins,版本号为1.0.0的插件 cd D:\cordovaplugins p

浏览器自定义内核

在Head中添加一行代码: <meta name="renderer" content="webkit|ie-comp|ie-stand"> content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用极速模式,兼容模式,IE模式打开. 360浏览器就能识别自定义内核打开. 原文地址:https://www.cnblogs.com/sixrookie/p/10096957.html

Cordova自定义插件开发

刚刚接触 phonegap 因为配环境遇到各种各样问题.,所以写一个篇文章希望能给大家节约点时间. 本文主讲windows系统下的phonegap的环境搭建 ,以Android视角为主.iOS用户可参考; 1:首先介绍搭建环境的基本准备: 1 java JDK   (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 2 android SDK  http://developer.android.com/sdk/

用css对webkit内核的浏览器自定义滚动条

用css设置webkit内核浏览器的滚动条主要设置以下7个属性: 1.::-webkit-scrollbar /*滚动条整体部分,可以设置宽度高度*/ 2.::-webkit-scrollbar-button /*滚动条两端的按钮*/ 3.::-webkit-scrollbar-track  /*外层轨道*/ 4.::-webkit-scrollbar-track-piece  /*内层滚动槽*/ 5.::-webkit-scrollbar-thumb /*滚动的滑块*/ 6.::-webkit

chrom浏览器-F12使用方法二

文摘摘自:https://blog.csdn.net/run65536/article/details/80568543 提示:右键点击图片选择在新窗口或新标签页中打开可查看大图. 一.Elements 在Element中主要分两块大的部分:HTML结构面板(A)和操作dom样式.结构.时间的显示面板(B). 1.在A中,每当你的鼠标移动到任何一个元素上,对应的html视图中会给该元素蓝色的背景. 2.如果你单击选中一个元素,在A部分的底部,会显示该元素在html结构中的位置关系 3.然后在B部

介绍一款chrom浏览器插件 DHC是一款使用chrome模拟REST客户端向服务器发送测试数据的谷歌浏览器插件

先打个小广告哈 公司招java架构师,月薪25K以上,负责电商平台架构工作,工作地点在北京 1号线永安里站 附近,如有意向 请把简历发我邮箱[email protected] 可以内部推荐. DHC是一款使用chrome模拟REST客户端向服务器发送测试数据的谷歌浏览器插件. DHC的开发背景 在web开发中,服务器端和客户端的开发和测试必不可少,但是测试的工作往往需要服务器端完成之后,客户端才能进行测试,这无疑延后了测试流程,导致服务器端开发完成后,无法进行充分的数据测试,很容易造成服务器端和

Chrom浏览器开发DELPHI源码谷歌内核简装版本界面需要自己搞

演示地址:链接: https://pan.baidu.com/s/1vfHhslV5breCankc3s1lOQ 密码: 9njm Delphi源码,付款后自动网盘链接 : QQ群:621816328 原文地址:https://www.cnblogs.com/plug/p/8665212.html