使用userscript扩展浏览器插件

所谓UserScript就是存在用户自己本地的一段脚本。要使用的话不同浏览器需要安装不同的扩展，或插件，详情见此。Chrome下可以直接使用。以下就以Chrome为例做下介绍。

1.Hello World

UserScript的文件命名格式均为***.user.js，你可以试着新建名为helloword.user.js的文件，编辑文本 alert(“hello”); 保存。然后把他拖入Chrome中，看看会发生什么。浏览器应该就会问你是否要安装了。这个脚本的作用就是在每个页面加载完毕之后都会弹出个警告框显示一句”hello”。真是个讨人厌的脚本啊，可以去扩展页面把它卸了。

2.源数据

所谓源数据就是一些遵照特定格式的注释。他们在运行的时候不会起任何作用，但是会包含一些特殊信息以说明自己。UserScript的源数据格式如下

// ==UserScript==
// @name Hello World
// @namespace mynamespace
// @description example script to alert "Hello world!" on everypage
// @include *
// @exclude http://spud.in/*
// ==/UserScript==

他们可以出现在文档的任何位置，但一般放在头部。namespace用以和其他脚本区分，include说明了要包含此脚本的页面，exclude的页面则不包含。

这样每次访问符合要求的页面时，脚本便会被调用，以完成一些功能。事实上用户脚本机制在运作中把我们的脚本包装在了一个匿名函数包里，变成下面这样，以防止和页面中原有的脚本产生冲突。

(function (unsafeWindow) {
alert("hello");
})(window);

3.有了这些其实就可以根据自己的需要做一些事情了，比如给每个页面添加分享按钮之类的。需要一点html和js基础，不过都不会太难。而且一般而言userscript也会比extension跟轻一些。

转载于:https://www.cnblogs.com/gaoxu387/archive/2012/09/26/2703515.html

使用userscript扩展浏览器插件相关推荐

浏览器插件有什么作用，怎么安装浏览器扩展插件
用了这么多年的浏览器,才发现浏览器的扩展插件这么好用.在工作上,安装了浏览器的扩展插件,大大提升了工作效率.一些朋友可能还不是很了解浏览器插件,它有什么作用?我们应该怎么安装浏览器扩展插件呢?下面,本 ...
Chrome扩展框架-浏览器插件安装方法
Chrome扩展框架系列文章本人是一个web前端开发工程师,主要是vue框架,整理了一些Chrome扩展,今后也会一直更新,有好建议的同学欢迎评论区分享讨论 ;-) Chrome扩展专栏:点击此处 ...
菜鸟入门之火狐浏览器扩展和插件使用指南
相信大家对火狐浏览器已经非常熟悉,今天宏锦软件爱好者给大家讲解火狐的插件的安装及使用,火狐的附加组件系统,分为扩展和插件.大家平时安装的Adblock等均属于扩展,为火狐提供更好的功能,更方便的使用方 ...
详细！来看吧，包你不后悔亲测7个！chrome浏览器好用的应用扩展程序/插件推荐
亲测chrome浏览器好用的应用扩展程序/插件推荐在这个秃头的时间,我竟然在写博客.因为我今天第一次用cdsn写了解决爬虫报错的博客之后有点兴奋了,所以我打算把我今天做的有意义的事情再写出一篇来. ...
2022必须拥有Chrome扩展程序 - 浏览器插件，让你上网效率翻倍
在Chrome网上应用店中查找扩展程序 2022必须拥有Chrome扩展程序 - 浏览器插件,让你上网效率翻倍可扩展的Chrome Web浏览器比某些人认识的功能强大得多.您可以自定义浏览体验,使其 ...
多啦咪图虫_浏览器插件图片批量下载工具扩展插件图片下载
下载地址: 多啦咪图虫_浏览器插件图片批量下载工具扩展插件图片下载-紫咖啡小站是一款内嵌到浏览器的工具:可以帮你方便地从任意网站上批量采集喜欢的图片并迅速完成筛选和保存多啦咪图虫图片批量下载工具支 ...
开发浏览器插件/扩展应用开发
今天尝试了下开发浏览器扩展,在Microsoft Edge浏览器上测试的,其他的也类似. 目录: 配置: // manifest.json{"name": "ADKILL ...
查找谷歌已安装的浏览器插件的包所在位置和打包扩展程序
1.在谷歌地址栏输入chrome:version 回车 2.找到 "个人资料路径",该路径下的Extensions文件夹里面便是已安装的浏览器插件的包 3.需要打包的话,先打开浏览 ...
google浏览器插件安装时出错，Package is invalid: CRX HEADER INVALID
google浏览器插件安装时出错,Package is invalid: CRX HEADER INVALID 原文件将.crx结尾的扩展文件改为rar或zip结尾,变成压缩文件然后解压这个文件 ...
Firefox Quantum支持跨浏览器插件架构
最新发布的Firefox 57 "Quantum"加入到Chrome和Edge的行列,现在只支持基于WebExtensions API的扩展插件,也就是基于跨浏览器的扩展架构,使用 ...

使用userscript扩展浏览器插件

使用userscript扩展浏览器插件相关推荐

最新文章

热门文章