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

发布于 2020-03-22  214 次阅读


CSDN 博客不登录就弹这么个东西,挡住视线不胜其烦(´Д`)

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

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

我的第一个油猴脚本「屏蔽 CSDN 底下的登录栏」
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

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

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

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

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


或许明日太阳西下倦鸟已归时