我的第一个油猴脚本「屏蔽CSDN底下的登录栏」

CSDN博客不登录就弹这么个东西，挡住视线不胜其烦（´Д`）

于是我就想，在每次访问csdn博客的时候，浏览器都能自动执行一个js脚本，把这条东西干掉

于是就找到了非常强大的油猴插件

image.png

1.油猴插件是什么

Tampermonkey 谷歌版“油猴”是一款免费的浏览器插件和最为流行的用户脚本管理器它适用于基于 blink 和 WebKit 的浏览器像是 Chrome Microsoft Edge Safari Opera Next 和 Firefox 。

2.写一个最简单的油猴脚本

我的油猴脚本就一句：document.getElementsByClassName("pulllog-box")[0].style.display = 'none' 获取这条东西的DOM然后藏起来就好了嘛

1.F12打开控制台，找到这条东西对应的div，发现class是pulllog-box

image.png

2.在控制台输入document.getElementsByClassName("pulllog-box")[0].style.display = 'none' ，隐藏成功

image.png

3.放到油猴里(点击插件-->添加新脚本)

// ==UserScript==
// @name         屏蔽CSDN登录栏
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  屏蔽CSDN登录栏
// @author       You
// @match        *://blog.csdn.net/*
// @require         http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js
// @grant        none
// ==/UserScript==

(function() {
    $('.pulllog-box').hide();
})();

介绍一下上边几个参数

@name脚本名称

@description脚本描述

@match脚本生效的网址

@require导入的第三方包,这里引了一个JQ

然后脚本只有一句话$('.pulllog-box').hide();包裹在自执行的匿名函数中

PS.同理可以关掉豆瓣的登录框以及各种你想修改的东西，而你只需要粘贴网址和简单的js语句就能告别这些愚蠢的弹框，作为一个开发者，要牢牢把软件的控制权掌握在自己手中（´Д`）

原文于2018-07-31发布于CSDN