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

最新推荐文章于 2024-09-22 23:32:12 发布

Java_AiNiYo

最新推荐文章于 2024-09-22 23:32:12 发布

阅读量4k

点赞数 5

文章标签： CSDN CSDN博客油猴脚本 javascript 前端

本文链接：https://blog.csdn.net/Java_AiNiYo/article/details/81321417

版权

CSDN博客不登录就弹这么个东西，挡住视线不胜其烦，你问我为啥不登录？登录过呀，关了浏览器又要重新登，csdn的session不保存的吗（emmmm我也不太懂这方面的东西（´Д`）

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

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

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，

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

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.前端小白，大佬轻拍QAQ，同理可以关掉豆瓣的登录框以及各种你想修改的东西，而你只需要粘贴网址和简单的js语句就能告别这些愚蠢的弹框，作为一个IT人，要牢牢把软件的控制权掌握在自己手中