用Chrome浏览器的应该都知道,Chrome的优点之一就是有各类拓展的插件,使得咱们浏览,工做效率都更高。javascript
今天给你们推荐的一款”神器插件”叫 油猴
,英文为 Tampermonkey
前端
Tampermonkey 是一款浏览器脚本管理插件,支持大多常见浏览器,结合脚本大全网站 greasyfork,可以方便的实现脚本旳一键安装、自动更新、快速启用等便捷功能,经过用户脚本能够实现不少实用或有趣的功能。java
「油猴」也能够经过安装各种脚本对网站进行定制。不过它能定制的不只仅是网站的样式,还能实现更多更强大的功能,例如:git
直接下载百度网盘文件
从新定制繁杂的微博页面
去掉视频播放广告
将网站默认的「二维码登陆」改回「帐号密码登陆」
绕过搜索引擎的跳转提示
还原清新的小说阅读模式
豆瓣和 IMDb 互相显示评分
……
你可能据说过「油猴」,可是由于看到「脚本」而不敢尝试,其实它的操做很是简单,只要通过简单设置,下载一些现成脚本,就能够实现上面提到的实用的功能。程序员
先附上油猴的下载地址:tampermonkey下载地址点这里github
这里左边是稳定版,右边是测试版,均可如下载,选择一个下载就能够。(这里可能有的用户打不开,这是由于谷歌被限制的缘由,能够的话尝试翻墙)web
添加至Chrome拓展工具:
chrome
添加以后会发现,浏览器右上角有了一个图标:
浏览器
这里就是咱们管理油猴的地方,到此安装已经结束。app
到了这里,可能有点同窗说,我又不会写脚本,还能用么。别担忧,有不少心肠好的程序员写好了并把他们的脚本开源提供出来分享,咱们只要去下载就行了。步骤以下:
一、点击获取新脚本
这里提供了四个脚本资源的网站,只有你想不到,没有作不到的脚本。
咱们这里去GreasyForks看看,点击此处传送门
好了,咱们先去下载一个脚本试试
这里咱们搜索知乎
咱们能够看到关于知乎就有这么多脚本
平时咱们看知乎的时候,会发现除了文章之外会有不少其余信息,那么咱们来试试极简知乎脚本
点击安装:
安装好以后,咱们就能够去试一试效果了
打开页面后,咱们能看到页面已经改变了
右上角的图标有一个数字,表明着有一个脚本在该页面执行了,若是咱们要关闭该脚本
灰色表明关闭,关闭以后,须要从新刷新页面才能生效。
到此脚本的安装以及使用就介绍到这里了。
固然若是你是一名前端开发者,能够写一些本身以为好的脚本工具。
笔者常常浏览CSDN博客文章,你们都知道CSDN有一个地方很差就是广告不少,很是多,各类植发,培训广告不断。笔者的同事写了一个脚本,去掉广告,直接附上脚本代码
CSDN去除广告脚本代码
// ==UserScript==
// @name 删除CSDN页面广告
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 删除页面广告
// @author Ink足迹
// @grant none
// @include *://blog.csdn.net*
// @include *://bbs.csdn.net*
// @note 2018-08-14 17:16 删除CSDN页面广告
// ==/UserScript==
(function() {
'use strict';
// Your code here...
var localHost = location.host; //当前路径
var localAddress = ""; //当前所在网站
if (localHost.indexOf("csdn.net") > -1) {
localAddress = "CSDN";
}
if ("CSDN" === localAddress) {
// Class集合
var className = ["box-box-default", "pulllog-box", "box-shadow", "mediav_ad"];
// ID集合
var eleId = ["asideFooter", "_360_interactive", "ad_pop"];
// 元素标签集合
var tagName = ["iframe"];
removeClassName(className);
removeIdName(eleId);
removeTagName(tagName);
console.clear();
}
// 经过Class删除
function removeClassName(className) {
for (var i = 0; i < className.length; i++) {
var classDom = document.getElementsByClassName(className[i]);
for (var j = 0; j < classDom.length; j++) {
classDom[j].remove();
}
}
}
// 经过ID删除
function removeIdName(eleId) {
for (var m = 0; m < eleId.length; m++) {
var idDom = document.getElementById(eleId[m]);
if (idDom) {
idDom.remove();
}
}
}
// 经过元素标签删除
function removeTagName(tagName) {
for (var d = 0; d < tagName.length; d++) {
var tagDom = document.getElementsByTagName(tagName[d]);
for (var f = 0; f < tagDom.length; f++) {
tagDom[f].remove();
}
}
}
// 页面滚动事件
function mouseWheel() {
document.body.onmousewheel = function(e){
console.debug(e.wheelDelta)
if (e.wheelDelta < 0) { // 当滑轮向下滚动时
console.log("滑轮向下滚动");
}
}
}
})();
福利环节,推荐一些好用的脚本工具
Weibo 官方界面已经成为很多脚本应用必修的对象,ts 开发的这款脚本能够高度定制 Weibo 电脑端版面,去除各种广告、微博主自带的各类徽标、过滤热门话题等主要功能,用户须要在脚本的设置中启用相应功能。
若是但愿单独安装浏览器插件的话,推荐 眼不见心不烦,其支持 Chrome 和 Firefox 脚本
安装百度网盘直接下载助手以后,打开须要下载的资源页面,会出现下载助手的按钮,提供直接下载(支持多文件和目录下载)、显示连接以及外链下载的选项,可实现直接复制到下载工具使用。
可让网页中任何一个视频网页全屏播放的「神器」,目前支持有多个视频的任意网页、HTML5 格式的视频。
很多人看电影时喜欢参考 IMDb 和豆瓣电源的评分,这款脚本正好知足二者需求,能够在豆瓣和 IMDb 互相显示评分,电影党必备。
知乎问题页面里,比较长的答案添加展开按钮,点击能够显示全文。点击「更多回答」能够加载更多回答而非登陆框。隐藏了必须登陆才能使用的相关功能的按钮,如点赞或收藏等。
YouTube + 能够给 Youtube 增长更多的功能选项,包括但不限于小窗口播放视频、播放您最近订阅播放列表、视频截图保存、只容许你订阅频道的视频播放广告等等。不过目前 YouTube + 不支持 YouTube beta Material Layout 测试版。
实现无需手动点击 Google 搜索结果的页码,实现自动翻页显示搜索内容。
方便用户下载 Instagram 的图片和视频,将鼠标移动到图片或者视频上,便可看到下载按钮。
只需将鼠标光标悬停在多媒体资源的连接上,便可直接显示完整的图像和视频剪辑,避免了用户二次点击,而且经过快捷键实现下载、缩小放大、顺序浏览图册等功能。脚本已经上百个图像和视频托管服务(如 Facebook、500px、Flick 和 YouTube)。
脚本提供了即时转换功能,可将 YouTube 影片以 MP3 音频文件格式下载到本地。
不少新手朋友不太会玩 GitHub,可能被全英文界面所困扰,这款脚本实现汉化了 GitHub 界面的部分菜单及内容,新手熟悉以后可选择停用脚本恢复英文模式。
脚本提供了 YouTube 视频下载的快捷功能,可保存为 Full-HD MP四、FLV、3GP、MP3(码率为 128kbps 或者 192kbps)、M4A 以及 AAC 格式。经测试,这款脚本会和上面说起到的 YouTube + 脚本有冲突,须要暂时停用 YouTube +,才可看到下载按钮。
此脚本主要是为 Feedly 订阅加强了部分功能,包括了高级关键字匹配、自动加载、高亮显示自定义标题、订阅内容高级排序规则等。
小说阅读脚本实现了统一阅读样式,内容去广告、修正拼音字、段落整理,自动下一页的功能,至关适合重度的小说阅读用户。
脚本可实现绕过百度、搜狗搜索结果中的本身的跳转连接,直接访问原始网页(间接缩短访问目标网页的时间);可去除百度搜索结果中多余广告 ;添加 Favicon 显示;添加计数。