什么是用户脚本 一段用户脚本就是一个程序,通常用JavaScript语言来写,用于修改web页面以提升浏览体验。...通常通过浏览器的用户脚本管理插件来开启,例如Tampermonkey、Greasemonkey等。...如何运行一个浏览器脚本 安装用户脚本管理器 首先需要安装一个脚本管理器插件,Tampermonkey支持Chrome、Firefox、Safari、Microsoft Edge等主流浏览器,可以在https...可以到GreasyFork等脚本共享网站上查找喜欢的脚本进行安装,但要小心识别别人写的脚本是否有恶意代码。...,各个注释的含义如下: 名称 说明 name 脚本名称 namespace 命名空间,用于解决不同脚本的命名冲突 version 版本号,可用于检测脚本升级 description 脚本介绍说明
简介 作者是Anthony Lieuallen, Aaron Boodman, Johan Sundström 是Fiefox的插件,支持windows Mac linux GreaseMonkey 可以允许用户在指定的网页上执行脚本...,从而用户可以定制网页的现实。...安装 在firefox 附加组件中搜索GreaseMonkey,并下载安装。重启浏览器后可在左上角中看到油猴子的图标。 测试-- “Hello World!”...点击 油猴子右侧的箭头图标,下拉菜单选择“新建用户脚本” 名称 : 自定 命名空间 脚本应用网址: 比如: http://www.jianshu.com/users/2097e21ffc33/latest_articles...测试脚本: (function () { alert("Hello I'm GreaseMonkey!")
基础 这部分主要是开始写油猴脚本前应当有所了解的知识 常见的用户脚本管理器 Tampermonkey 应该是各位见得最多的也是最知名的,好用又稳定,多浏览器支持,我很喜欢 Greasemonkey 用户脚本始祖...,我们现在一直习惯说的油猴脚本的“油猴”实际上就是 Greasemonkey,只支持 Firefox 由于与 Tampermonkey 等其它脚本管理器在 API 的使用上会有些区别,导致某些情况下你很难保持你的脚本同时对...GreaseMonkey 用户脚本开发手册 不同的用户脚本管理器可能会加入自己独有的 meta,开发时建议以你的脚本打算主要支持的脚本管理器为主,例如这是 Tampermonkey 的文档 GM API...4 For Script Authors unsafeWindow 如果你在写脚本的时候有尝试直接通过 window 添加或访问网页全局变量,你会发现这是没有效果的 这是因为油猴的沙箱机制,任何人都无法从...,所以我们只要 require 用 IDE 编辑的本地脚本就行了 在这之前我们需要允许油猴插件访问本地文件,以 Chrome 为例,在扩展程序列表chrome://extensions/进入插件的详细信息
当然浏览器是不支持我们直接编写Web级别脚本的,所以我们需要一个运行脚本的基准环境,当前有很多开源的脚本管理器: GreaseMonkey: 俗称油猴,最早的用户脚本管理器,为Firefox提供扩展能力...@namespace: 脚本的命名空间,用于区分脚本的唯一标识符,例如// @namespace https://github.com/WindrunnerMax/TKScript。...@version: 脚本的版本号,脚本管理器启动时通常会对比改字段决定是否下载更新,例如// @version 1.1.2。...name=xxxxxx.user.js却看不到脚本管理器的代码注入,实际上这是因为脚本管理器会在用户脚本的最后部分注入一个类似于//# sourceURL=chrome.runtime.getURL(xxx.user.js...那么基于上述方式我们完成了脚本的编写与打包,在这里也分享一个脚本分发的最佳实践,GreasyFork等脚本网站通常会有源代码同步的能力,我们可以直接填入一个脚本链接就可以自动同步脚本更新,就不需要我们到处填写了
当然用户可以在选项里设置快捷键实现诸如复制IP,维基百科查询等功能。...https://addons.mozilla.org/en-us/firefox/addon/flagfox/ 24:Greasemonkey greasemonkey 使你可以向任何网页添加DHTML...语句(用户脚本)来改变它们的显示方式。...就像CSS可以让你接管网页的样式,而用户脚本(User Script)则可以让你轻易地控制网页设计与交互的任何方面。例如: * 使页面上显示的 URL 都成为可以直接点击进入的链接。...https://addons.mozilla.org/en-us/firefox/addon/greasemonkey/ 25:Domain Details 显示服务器类型、IP地址、域名注册信息等
结合用户样式与用户脚本,我们可以直接利用 CSS 进行界面样式的自定义,并使用一些受支持的 JavaScript 脚本实现 Firefox 界面上尚未实现的功能,以此来实现对 Firefox 的任意魔改...因此,这里的 chrome 与 Google Chrome 浏览器完全没有关系。...默认情况下自定义脚本放到 chrome 目录重启后就会生效,要想让它不生效,只能删了它,或者重命名后缀,这也太不优雅了。...我们可以想办法像 StyloaiX 一样随时启用或禁用自定义脚本,不需要删除脚本或者重命名后缀。...油猴脚本与前文所述的自定义用户脚本不同,它只能对网站的功能进行扩展,无法对浏览器本身动刀。
@namespace 脚本的命名空间 @version 脚本的版本,用于检查更新。...这样,大多数用户都可以避免确认对话框。 另外在脚本中添加“@connect*”。通过这样做,tampermonkey仍然会询问用户是否允许下一个连接到未提及的域,但也会提供一个“总是允许所有域”按钮。...,tm试图通过查找@match标记来检测脚本是否是在google chrome/chromium的知识中编写的,但并不是每个脚本都使用它。...如果外部资源的内容与所选哈希不匹配,则资源不会传递到用户脚本。所有散列都需要以十六进制或base64格式编码。...loadinbackground具有与active相反的含义,并被添加以实现Greasemonkey 3.x兼容性。如果未指定“活动”或“加载后台”,则选项卡将不会聚焦。
你可与参考下。...GreaseMonkey,自己改了个Cookie修改脚本,其他同学可以用这款:Original Cookie Injector for Greasemonkey; Noscript...,进行一些js的阻断; AutoProxy,访问外国网站必备; Chrome下 F12打开开发者工具,功能==Firebug+本地存储观察等; SwichySharp...,访问外国网站必备; Cookie修改脚本,自己写了一个Chrome扩展(已开源:Cookie利用神器:CookieHacker),其他同学可以自己到Chrome扩展搜个好用的; 前端渗透工具...融入圈子 多结交些靠谱的黑客,搞搞基啦(不过别来真的,还有我好讨厌扯淡/水得不得了的人),微博(含:Twitter)、QQ、微信、知乎、博客等善于跟进,不仅学,也要分享,让大家知道你的存在,更有利于交流与成长
这些行为其实完全可以被视作重复劳动,有机会被脚本或者插件的自动行为取代。iMacro 或者 Greasemonkey 都是做这件事的好工具,今天下午有时间,要不干脆写一个 Chrome 插件吧。...剩下的,问题就从做一个插件,变成了做一个 HTML 页面,或者是实现一段 js 脚本。...代码放入 Chrome 调试也很简单: “Load unpacked extension” 加载自定义的插件文件夹就可以了,其中的”_generated_background_page.html” 可以看得到浏览器中执行的插件的页面和脚本...所有这一切,都在一个叫做 chrome 的插件代码全局可见的对象中。...值得一提的是,还有一组特殊的 API 被称作 NPAPI,它甚至可以让插件调用编译好的 dll 文件,也可以与页面嵌入的 embed 对象通信,这就可以让浏览器根据插件来处理未知 embed 对象了。
但我们是否真的了解掌握火狐浏览器常用的插件呢? 02 分析 (1) HttpRequest插件: ?...HttpRequest插件是一个分析http请求封装信息的扩展的插件,其作用是令到Asp.net能够读取客户端发送HTTP值(如URL、Cookie、表单传递过来的参数),模拟http请求,从而简化自测和与前端调试过程...火狐浏览器的Tampermonkey插件是最受欢迎的用户脚本管理器,每周用户超过1000万。它适用Chrome、Microsoft Edge、Safari、Opera Next和Firefox。...此插件使用户脚本的管理变得非常容易,并提供了一些功能,比如对正在运行的脚本的清晰概述、内置编辑器、基于Zip的导入和导出(Google Drive、Dropbox、OneDrive)、自动更新检查以及基于浏览器和云存储的同步...最后,它与3.x版的GreaseMonkey兼容,支持实验性的4.x版本。
如果你不在乎启动速度也无所谓啦,但是离开他还真不行(主要是广告去不干净),本地再安装个Ad Muncher(大奶牛)效果会更好 4.书签类 All-in-One Sidebar又称侧边栏,释放你的浏览器空间...Restartless Restart可以一键重启浏览器,恢复后不关闭网页 Greasemonkey (zh-CN)俗称油猴子,可以在线搜索脚本和安装, Scriptish 可以安装本地脚本,这一点很喜欢...(后面的介绍也好用的脚本可以替代) NoScript 对于网页上可能出现的攻击脚本或者任何JavaScript、Java等可执行代码都只有在您充分信任的网站上运行,大大避免了被恶意攻击的可能。..., Greasemonkey (zh-CN)俗称油猴子,可以在线搜索脚本和安装, Scriptish也可以安装本地脚本 方法一: http://userscripts.org 支持在线搜索脚本安装脚本...四、备份篇 火狐的备份问题一直以来都是火狐的鸡肋,不想谷歌浏览器那般快捷,但是火狐的备份Chrome也是望尘莫及的,在此我介绍一下自己一直在用的备份方法
Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费的浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口的二次封装 油猴脚本可用于更改页面布局样式、完成页面自动化、去广告...介绍 Tampermonkey 特点包含: 内置的编辑器,可以非常方便地管理、编辑用户脚本 支持自动更新检查功能 标签中脚本运行状态速览 可以通过压缩文件、云存储进行脚本备份及还原 通过面板新建一个用户脚本...,默认会生成一个模板,模板内容如下: 模板中会预设部分元数据,用于定义脚本的名称、版本号、更新方式、运行页面、权限等功能 常见的元数据包含: @name - 油猴脚本的名称 @namespace 脚本的命名空间...常见 API 油猴提供了很多强大的 API,用于操作缓存及窗口等,如果不需要使用这些 API,可以声明权限为 none,即: @grant none 2-1 打印日志 用于在控制台中打印日志,便于调试...总结 本篇文章以一个简单的实例讲解了编写一个油猴脚本的完整流程 为了提升开发效率,实际编写脚本可以使用 VS Code 编译器,安装插件 Tampermonkey Snippets 后再进行用户脚本开发
意思是没眼力,也就是对当前气氛没有判断力,想与对方佯建立友好的交流时却不会按照当时的气氛或大家的脸色做出合适的反应。...使用姿势指导 要在浏览器上使用用户脚本,首先需要安装一个用户脚本管理器。根据使用的浏览器不同,可用的用户脚本管理器也有所不同。...Chrome:Tampermonkey 或 Violent monkey Firefox:Greasemonkey、Tampermonkey或 Violentmonkey Safari:Tampermonkey...脚本版本目前能在「微博、贴吧、B站」页面下运行。如果你想在更多的网页上使用这个脚本,可以在相应的脚本管理器配置中设置「用户匹配」,添加对应 URL 规则即可。...不过,目前直接使用的插件不能放在B站等平台的App端,希望B站等平台能够接入,顺便把萌娘百科接进来也不错,说不定还可以有效扩大用户盘子,给自家财报添砖加瓦。
百度网盘下载助手脚本 — 有效,2017-08-05 更新 最早是网友“有一份田”制作的脚本百度下载助手,可以显示直链,绕过大文件云盘下载,还可以调用迅雷或者IDM加速下载。 ?...Firefox 浏览器需要安装拓展 Greasemonkey,Chrome 和360等浏览器需要安装拓展Tampermonkey。...4、脚本更新的方法是打开附加组件页面,右键选择本脚本,然后点击更新,或者打开 脚本地址 重新下载覆盖安装。...网友猫神补充:迅雷快鸟对网络的提速不只是对迅雷的流量提速,而是整个全局提速,迅雷快鸟提速后,用IDM从百度网盘也下载一样可以达到50M带宽的表现。 2....登陆自己的账号选择文件下载即可,这对于不会使用脚本的人来说非常的方便,作者提供了一个检查更新的通道,可供持续检查更新,这样就不怕软件失效了。
Tampermonkey Tampermonkey用于运行所谓的用户脚本(有时也称为Greasemonkey脚本)。...该扩展程序还会自动检测您所在页面的语言是否不同于您用于Google Chrome界面的语言。如果是这样,则横幅会显示在页面顶部。单击横幅中的翻译按钮,以使页面上的所有文本都以新语言显示。...达达划词翻译 达达划词翻译插件是一款可以帮助用户翻译很多英语生僻词的的页面翻译chrome插件,如果你经常浏览外文网站,最适合你查询单词 Top 6....FeHelper(前端助手) 包括JSON格式化、二维码生成与解码、信息编解码、代码压缩、美化、页面取色、Markdown与HTML互转、网页滚动截屏、正则表达式、时间转换工具、编码规范检测、页面性能检测...经常在仿站的时候回遇到下载别人的图片、css、js等资源,发现要一个个的手动下载。直接使用仿站工具有时候觉得比较麻烦而且会打乱目录结构。
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome、Microsoft Edge、Safari、Opera Next 和 Firefox。...它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时 Tampermonkey 还有可能正常运行原本并不兼容的脚本。...兼容性:编辑的脚本不仅可以在 Chrome 上运行,也可以借助 Greasemonkey 在火狐上运行,同时脚本支持 ES6。...@name:脚本名称 @namespace:脚本的命名空间 @version:脚本的版本,用于检查更新。...通过这样做,Tampermonkey 仍然会询问用户是否允许下一个连接到未提及的域,但也会提供一个“总是允许所有域”按钮。如果用户单击此按钮,则将自动允许所有未来的请求。
使用姿势指导 要在浏览器上使用用户脚本,首先需要安装一个用户脚本管理器。根据使用的浏览器不同,可用的用户脚本管理器也有所不同。...Chrome:Tampermonkey 或 Violent monkey Firefox:Greasemonkey、Tampermonkey或 Violentmonkey Safari:Tampermonkey...脚本版本目前能在微博、贴吧、B站页面下运行。 如果你想在更多的网页上使用这个脚本,可以在相应的脚本管理器配置中设置用户匹配,添加对应 URL 规则即可。...以Chrome浏览器的Tampermonkey为例: ?...不过,目前直接使用的插件不能放在B站等平台的App端,希望B站等平台能够接入,顺便把萌娘百科接进来也不错,说不定还可以有效扩大用户盘子,给自家财报添砖加瓦。
但是后来 JavaScript 在浏览器中发挥着重要的作用,迫切需要使用第三方代码来完成常见任务,并且需要把代码分解为模块化的文件,避免污染全局命名空间。...但是这种方法存在一些问题: 污染全局命名空间:你在脚本中创建的所有变量(sum、 difference 等)现在都存在于 window 对象中。...这是对多脚本方法的一种改进,但是仍然存在将至少一个对象放入全局命名空间的问题,并没有使在第三方之间一致地共享代码的问题变得更加容易。...模块之所以有用,是因为它们允许我们重用代码,它们提供了许多可用的稳定、一致的接口,并且不会污染全局命名空间。...模块与常规脚本不一样的地方: 模块不会向全局(window)作用域添加任何内容。 模块始终处于严格模式。 在同一文件中把同一模块加载两次不会出问题,因为模块仅执行一次 模块需要服务器环境。
4:HttpFox 监测和分析浏览器与web服务器之间的HTTP流量 5:Live HTTP Headers 即时查看一个网站的HTTP头 6:Tamper Data 查看和修改HTTP/HTTPS头和...POST参数 7:ShowIP 在状态栏显示当前页的IP地址、主机名、ISP、国家和城市等信息。...当然用户可以在选项里设置快捷键实现诸如复制IP,维基百科查询等功能。 24:Greasemonkey greasemonkey 使你可以向任何网页添加DHTML语句(用户脚本)来改变它们的显示方式。...就像CSS可以让你接管网页的样式,而用户脚本(User Script)则可以让你轻易地控制网页设计与交互的任何方面。例如: * 使页面上显示的 URL 都成为可以直接点击进入的链接。...27:XSSed Search 搜索XSSed.Com跨站脚本数据库 28:ViewStatePeeker 查看asp.net的iewState 29:CryptoFox 破解MD5、加密/解密工具
Tampermonkey 是一款免费的浏览器扩展和最为流行的用户脚本管理器,虽然有些受支持的浏览器拥有原生的用户脚本支持,但 Tampermonkey 将在您的用户脚本管理方面提供更多的便利。...它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能, 同时Tampermonkey还有可能正常运行原本并不兼容的脚本。...打开拓展程序(Chrome用户选项框 -> 更多工具 -> 拓展程序) ? 进入如下图所示的界面 ? 打开右上角的 开发者模式,将已经下载的文件拖拽至上图所示的界面。即可完成安装。...可使用默认的you,或者你的名字 @description 脚本描述(类似于编程中的注释,阐述该脚本的作用等) 命名空间 @namespace 脚本的命名空间(通常使用默认http://tampermonkey.net...@match 与 @include区别请参考 https://wiki.greasespot.net/Metadata_Block#.40match 匹配规则 https://developer.chrome.com
领取专属 10元无门槛券
手把手带您无忧上云