Chrome神器插件—油猴Tampermonkey

这里写图片描述

用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("滑轮向下滚动");
            }
        }
    }
})();

好用的脚本工具

福利环节,推荐一些好用的脚本工具

看真正想看的微博:Yet Another Weibo Filter

Weibo 官方界面已经成为很多脚本应用必修的对象,ts 开发的这款脚本能够高度定制 Weibo 电脑端版面,去除各种广告、微博主自带的各类徽标、过滤热门话题等主要功能,用户须要在脚本的设置中启用相应功能。

若是但愿单独安装浏览器插件的话,推荐 眼不见心不烦,其支持 ChromeFirefox 脚本

还原真实下载地址:百度网盘直接下载助手

安装百度网盘直接下载助手以后,打开须要下载的资源页面,会出现下载助手的按钮,提供直接下载(支持多文件和目录下载)、显示连接以及外链下载的选项,可实现直接复制到下载工具使用。

让全部视频网页全屏:视频网页全屏

可让网页中任何一个视频网页全屏播放的「神器」,目前支持有多个视频的任意网页、HTML5 格式的视频。

豆瓣和 IMDb 互相显示评分:MoreMovieRatings

很多人看电影时喜欢参考 IMDb 和豆瓣电源的评分,这款脚本正好知足二者需求,能够在豆瓣和 IMDb 互相显示评分,电影党必备。

查看完整的知乎回答而无需注册登陆:Zhihu Visitor

知乎问题页面里,比较长的答案添加展开按钮,点击能够显示全文。点击「更多回答」能够加载更多回答而非登陆框。隐藏了必须登陆才能使用的相关功能的按钮,如点赞或收藏等。

加强版的 YouTube 功能改造:YouTube +

YouTube + 能够给 Youtube 增长更多的功能选项,包括但不限于小窗口播放视频、播放您最近订阅播放列表、视频截图保存、只容许你订阅频道的视频播放广告等等。不过目前 YouTube + 不支持 YouTube beta Material Layout 测试版。

自动翻页 Google 搜索结果:Endless Google

实现无需手动点击 Google 搜索结果的页码,实现自动翻页显示搜索内容。

轻松下载 Instagram 图片和视频:IGHelper

方便用户下载 Instagram 的图片和视频,将鼠标移动到图片或者视频上,便可看到下载按钮。

悬停查看和下载图片:Mouseover Popup Image Viewer

只需将鼠标光标悬停在多媒体资源的连接上,便可直接显示完整的图像和视频剪辑,避免了用户二次点击,而且经过快捷键实现下载、缩小放大、顺序浏览图册等功能。脚本已经上百个图像和视频托管服务(如 Facebook、500px、Flick 和 YouTube)。

YouTube 影片下载为 MP3 格式文件:Simple YouTube MP3 Button

脚本提供了即时转换功能,可将 YouTube 影片以 MP3 音频文件格式下载到本地。

GitHub 中文化界面:GitHub 汉化插件

不少新手朋友不太会玩 GitHub,可能被全英文界面所困扰,这款脚本实现汉化了 GitHub 界面的部分菜单及内容,新手熟悉以后可选择停用脚本恢复英文模式。

给你最好用的 YouTube 视频下载工具:Youtube Best Video Downloader 2

脚本提供了 YouTube 视频下载的快捷功能,可保存为 Full-HD MP四、FLV、3GP、MP3(码率为 128kbps 或者 192kbps)、M4A 以及 AAC 格式。经测试,这款脚本会和上面说起到的 YouTube + 脚本有冲突,须要暂时停用 YouTube +,才可看到下载按钮。

Feedly 订阅工具加强版:Feedly filtering and sorting

此脚本主要是为 Feedly 订阅加强了部分功能,包括了高级关键字匹配、自动加载、高亮显示自定义标题、订阅内容高级排序规则等。

还你清新的小说阅读模式:My Novel Reader

小说阅读脚本实现了统一阅读样式,内容去广告、修正拼音字、段落整理,自动下一页的功能,至关适合重度的小说阅读用户。


绕过搜索结果的自我跳转,直接访问原始网页:AC-baidu

脚本可实现绕过百度、搜狗搜索结果中的本身的跳转连接,直接访问原始网页(间接缩短访问目标网页的时间);可去除百度搜索结果中多余广告 ;添加 Favicon 显示;添加计数。