Chrome扩展JS/JQuery - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

chrome扩展推荐-Tampermonkey

reizhi也是chrome的爱好者之一，从最原始的IE，到假死王maxthon，再到轻快的opera，最后让我留恋chrome的理由还是强大的可扩展性。...Tampermonkey下载安装地址 https://chrome.google.com/we……kfjojejmpbldmpobfkfo 在chrome上安装好Tampermonkey扩展后...，便可添加JS脚本开始工作了。...除了从各大论坛下载JS脚本之外，userscripts也是非常棒的一个脚本扩展集合网站。 ...Crack Url Wait Code Login For Chrome是我所向大家推荐的必备JS脚本之一。常逛论坛的你一定见过各种各样的网盘，飞速，城通，千军万马等。

1.2K4 0

Chrome扩展开发

扩展demo", // 图标，一般偷懒全部用一个尺寸的也没问题 "icons": { "16": "img/icon.png", "48": "img/icon.png", "128"...按顺序注入 "js": ["js/jquery-1.8.3.js", "js/content-script.js"], // JS的注入可以随便一点，但是CSS的注意就要千万小心了，因为一不小心就可能影响全局样式.../inject.js"], // 插件主页，这个很重要，不要浪费了这个免费广告位 "homepage_url": "https://www.baidu.com", // 覆盖浏览器默认页面 "chrome_url_overrides...", // Chrome40以后的插件配置页写法，如果2个都写，新版Chrome只认后面这一个 "options_ui": { "page": "options.html", // 添加一些默认的样式...'); temp.src = chrome.extension.getURL('js/inject.js'); document.documentElement.appendChild(temp);

1.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

认识Chrome扩展插件

学习Chrome扩展插件势在必行‍♂️‍ Chrome extensions 文档插件的架构可以参考这里 Chrome扩展程序应用商店入口管理使用chrome扩展。...、background.js、content_script.js 下图展示他们之间的关系，以及如何通信（图片来源网络，侵删）运行时的三个进程：扩展进程（Extension Process）...和popup.html, backgrount.html中没有任何内容，是通过background.js创建生成，当浏览器打开时，会自动加载插件的background.js文件，它独立于网页并且一直运行在后台...浏览器进程在这里更多起到桥梁作用，作为中转可以实现Extension Page和content_script.js之间的消息通信。...最后本文介绍的是 chrome 扩展基础知识，相信看完以上之后，你会对 Chrome 扩展插件有了一个比较清晰的认识。

1.9K1 0

编写Chrome扩展程序

Chrome的扩展程序很多，也很容易入门，可以来简单实现一下看看官方文档或者翻译的文档：百度、360，慢慢就能实现出一个扩展程序来每个扩展程序应用一般会包含：一个manifest清单文件 html...一、了解Chrome扩展程序 Chrome扩展程序商店地址为：https://chrome.google.com/webstore/category/extensions?...hl=zh-CN 访问Chrome浏览器中已安装的扩展：chrome://extensions/ ?...": ["js/jquery.js", "js/content.js"] }] } 这就是需要的清单文件了，定义了程序的基本信息，这些字段的作用就自行去文档查看吧文件目录结构为： ?...可以看到计算器已经在扩展程序之中再看看博客文章下的广告，已经被清除了 ? ? 三、发布Chrome扩展程序自己的Chrome扩展程序写好之后，可以发布到商城之中这篇文章讲得挺好，就不多说了

1.2K1 0

JQuery EasyUI Validation 扩展

扩展js $.extend($.fn.validatebox.defaults.rules, { equals: { validator: function(value,param

5912 0

jquery插件与扩展

缘起要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。...jQuery插件开发模式 jQuery插件开发方式主要有三种：通过$.extend()来扩展jQuery$.extend({ sayHello: function(name) {...通过$.fn 向jQuery添加新的方法通过$.widget()应用jQuery UI的部件工厂方式创建通过$.extend()来扩展jQuery 比如我们将页面上所有链接颜色转成红色，则可以这样写这个插件...">我的博客我的小站 JS...关于命名空间不仅仅是jQuery插件的开发，我们在写任何JS代码时都应该注意的一点是不要污染全局命名空间。

3.2K3 0

Chrome扩展开发入门

而提到 Chrome 就绕不开它的扩展，或者叫插件（Chrome Extension）。可以从应用商店下载安装。应用商店除了有 Chrome 扩展程序，也有丰富的 Chrome主题背景。...一、Chrome 扩展应用程序构成（manifest v3版本） Chrome 扩展开发所用到的技术栈就是html/js/css。可以说就是纯“前端开发”，其界面是用 html+css 画的。...所以说，Chrome 扩展开发并不是什么新鲜玩意儿，只是一个挂载到 Chrome 浏览器上的一个“扩展”模块，比起微信小程序开发还简单。这不就是网页应用吗？...": "background.js" }, "options_page": "options.html" } 1）扩展图标扩展图标即扩展在浏览器扩展区域显示的 logo，可以自定义，也可以缺省...其值也是一个 html 文件，可以看做是独立页面，html 文件内部同样可以引用 js/css 等资源，多用做扩展的用户自定义配置。其中 js 资源也可调用浏览器原生 API。

4.7K3 0

Chrome扩展程开发初探

manifest.json 文件是 Chrome 扩展的配置文件，定义了扩展的基本信息、权限和功能。...Chrome 扩展的安全性设计确实不允许在 HTML 页面中直接使用 JavaScript 代码来加载或执行扩展的功能。Chrome 扩展通过内容安全性策略来限制可以在页面上执行的脚本。...; }); }); background background.js 文件是 Chrome 扩展的后台脚本，用于处理长期运行的任务、事件和状态管理。它在浏览器的后台运行，并且在浏览器启动时加载。...扩展中，content.js 是内容脚本，用于在匹配的网页上执行 JavaScript 代码。...'; document.body.appendChild(div); }); Chrome 扩展中的 content.js 主要功能包括： DOM 操作：修改页面的 DOM 结构，例如插入、删除或修改元素

1.2K1 0

使用typescript开发chrome扩展

使用typescript开发chrome扩展记录一下使用typescript开发chrome扩展的相关配置。 1....安装依赖必定需要用到的开发依赖项： chrome-types copy-webpack-plugin ts-loader typescript webpack-cli npm install chrome-types.../src/index.ts', filename: 'index.js' }, background: { import: '..../src/background.ts', filename: 'background.js' } }, plugins: [ new CopyPlugin({...作为小程序后端——小程序请求前置检查 Windows rclone挂载sftp 迁移——从Electron迁移到Eclipse Theia 使用typescript开发chrome扩展 use multiple

1.5K2 0

js扩展

扩展定义对象 var zj = zj || {}; 字符串转json对象 /** * 字符串转json对象 */ zj.toJson = function(result) { if (typeof...document.body.appendChild(iframe); console.info(nowDate); window.open(url, nowDate); console.info(nowDate); } js...进行post同步提交 /** * js进行post同步提交 */ zj.post = function(URL, PARAMS) { var temp = document.createElement...Sys.chrome = s[1] : (s = ua .match(/opera.([\d.]+)/)) ?...) { scan = { "bowser" : "chrome", "version" : zj.getLeftStr(Sys.chrome

1.5K3 0

封装jQuery Validate扩展验证

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。...---- jQuery Validate 与正则表达式结合拓展验证 $(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod...=0; }, "整数必须不等于0"); // 判断整数value是否小于0 jQuery.validator.addMethod("isIntLtZero...$/.test(value); }, "只能包含数字、小数点等字符"); // 匹配integer jQuery.validator.addMethod...; // IP地址验证 jQuery.validator.addMethod("ip", function(value, element) { return

1.9K2 0

jquery的扩展方法介绍

最近一直在写js，这其中也少不了一位js的主角了jQuery，下面介绍的是jQuery的一些扩展，也就是jQuery的扩展方法，jQuery的扩展方法有两种方式，一种是jQuery本身的扩展方法，另一种是...jQuery所选对象的扩展方法，下面一起来看。...一、方式列表：　　1.jQuery.extend(Object);　　　// jQuery 本身的扩展方法　　2.jQuery.fn.extent(Object);　 // jQuery 所选对象扩展方法...2.jQuery 所选对象扩展方法有两种书写方式。　　 ...; 　　其中ShowHtml为我的jQuery所选对象的扩展方法，多个扩展方法之间用英文逗号隔开。

1.5K11 0

JQuery扩展插件--提示信息

/*** * JQuery扩展插件--提示信息 * * 本函数用于创建提示信息 * * Example * * var t = $.noticeMessage(msg...expire: 过期时间（默认5秒）, time: 过渡时间, from: {起始CSS样式}, to:{最终CSS样式}}) * b: 回调函数 * } * @Return {jQuery...(msgDiv): 产生的信息DOM组件的jQuery容器} * * * Example: * * var t = $.noticeMessage("Hello World...(msgDiv).css(option.from).html(msg); jQuery(document.body).append(msgDiv); jQuery(msgDiv...(this).remove(); }); } }, option.expire); } return jQuery

2K2 0

强大的jQuery验证插件：jquery.validate.js+jquery.validate.unobtrusive.js

），这几天在看.Net MVC4的时候，看到微软官方出的jquery.validate.unobtrusive.js，再看看其MVC4产生的客户端代码，我被震撼了，可读性变强了，编程的复杂度降低了，看来不能老守旧...如果我们做基于HTML5的开发，其实不用.NET MVC4，也可以直接用其jquery.validate.unobtrusive.js，这样我们的Html和客户端的验证工作就会变得很简单。.../docs.jquery.com/Plugins/Validation[/URL] 对于jquery.validate.unobtrusive.js，暂时没找到官方的帮助和网页： Unobtrusive...ASP.NET MVC 3.0http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.unobtrusive-ajax.jsjquery.validate.unobtrusive.jshttp://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js

3K3 0

那些实用的 Chrome 扩展神器

作者：苏生不惑来源：苏生不惑之前已经写过不少Chrome扩展那些我常用的 Chrome 扩展，这里继续推荐那些实用Chrome扩展，所谓实用就是能解决实际问题。...下载Chrome扩展需要先上谷歌，公众号回复谷歌获取使用方法，当然你也可以使用 https://chrome-extension-downloader.com/ 这个网站来下载crx文件，然后手动安装...手动安装扩展关于手动安装Chrome扩展还有小伙伴不大会用 ?...简单来说就是打开谷歌的扩展管理页面 chrome://extensions/ ，然后将下载crx文件拖进去，如果提示该扩展程序未列在 Chrome 网上应用店中，并可能是在您不知情的情况下添加的或者程序包无效...自己摸索几下就会了，上谷歌后安装扩展就不用这么折腾了。 ? 下面是推荐的5个Chrome扩展。

1.5K2 0

JQuery扩展插件--提示信息

/*** * JQuery扩展插件--提示信息 * * 本函数用于创建提示信息 * * Example * * var t = $.noticeMessage(msg...expire: 过期时间（默认5秒）, time: 过渡时间, from: {起始CSS样式}, to:{最终CSS样式}}) * b: 回调函数 * } * @Return {jQuery...(msgDiv): 产生的信息DOM组件的jQuery容器} * * * Example: * * var t = $.noticeMessage("Hello World...(msgDiv).css(option.from).html(msg); jQuery(document.body).append(msgDiv); jQuery(msgDiv...(this).remove(); }); } }, option.expire); } return jQuery

2.5K1 0

Chrome扩展开发入门体验

，就是扩展的图标～～～ popup.html 点击扩展图标，弹出的面板页面（如果在manifest.json中配置了default_popup为该文件的话） popup.js popup.../public/js/background.js"] } } chrome_url_overrides chrome_url_overrides 属性可以自定义的页面替换 Chrome 相应默认的页面...ALic_Chrome ? Alic_Chrome 简单的扩展插件就完成了～～～ ---- ****background交互**** 简单来说呢，上面完成的其实就是一个扩展程序的微框架。...{}); 开发一个简单Chrome扩展程序基本是没有什么大问题的！...我的体会呢，要是主要用于离线的呢，还是开发应用好点，扩展程序也不是不可以，否则数据存储方面就使用js处理即可！ ----

1.5K4 0

从零实现的Chrome扩展

从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序，例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard...虽然FireFox是第一个引入浏览器扩展的浏览器，但是Chrome的扩展系统得到了广泛的认可和使用，也已经成为了现代浏览器中最流行的扩展系统之一。...那么问题来了，单纯凭借Js是没有办法做到一些能力的，比如拦截请求、修改请求头等等，这些Native的能力单凭Js肯定是做不到的，起码也得上C++直接运行在浏览器代码中才可以，实际上解决这个问题也很简单，...直接通过类似于Js Bridge的方式暴露出一些接口就可以了，这样还可以更方便地做到权限控制，一定程度避免浏览器扩展执行一些恶意的行为导致用户受损。...，最后将Js注入到HTML当中就可以了，在这里我们直接配置一个多入口的输出能力，通常一个扩展插件不会是只有一个Js和HTML文件的，所以我们需要配置一个多入口的能力。

1.4K2 0

Chrome迅雷下载支持扩展1.1

喜欢chrome浏览器又经常使用迅雷下载东西的朋友注意了，chrome迅雷下载扩展已经发布了。再也不用复制到IE打开或者使用IE tab了。...目前只支持chrome浏览器内左键点击下载，支持以下文件类型的绝对路径下载地址：“rar、zip、tar、iso、exe、dll、rmvb、rm、avi、mp3、wma、wmv、wmp、mpg、mpeg...太平洋下载、霏凡软件站、中关村在线、天空软件站”（华军的下载页提供的是绝对地址，不需要专门支持）支持绝对路径的BT种子下载支持ed2k链接的点击下载，但不支持VeryCD下载页中的“下载选中的文件” 扩展下载

1.3K3 0

chrome扩展应用开发快速科普

本文的目标群体：已经了解或使用过chrome扩展应用，但是自己不知道如何开发一个chrome扩展应用的工程师。如果有具体的chrome扩展应用开发经验的同学，本篇文章可能太过简单，并不适合你。...本文的主要内容如下： chrome扩展应用模块功能介绍 chrome扩展应用模块开发介绍本文的内容不包括chrome扩展应用开发时提供的各个API功能详解，有需求的同学可以自行查看官方API文档。...下面，我们通过jQuery来页面注入表情面板，同时使用PostMessage来与原有页面进行数据通信。...总结我们通过一个简单的表情插件的例子来快速的介绍了chrome扩展应用的各个模块的功能和开发方法。通过这篇文章大家应该知道了chrome扩展应用各个模块的作用和开发的方法。...如果大家想对chrome扩展应用有一个更加深入的了解，那么建议自己动手开发相关的功能。这样才能够对chrome扩展应用的相关逻辑有一个更加清楚的认识。

1.3K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭