我的第一個油猴腳本「屏蔽CSDN底下的登錄欄」

NO IMAGE

原文於2018-07-31發佈於CSDN

CSDN博客不登錄就彈這麼個東西,擋住視線不勝其煩(´Д`)

於是我就想,在每次訪問csdn博客的時候,瀏覽器都能自動執行一個js腳本,把這條東西幹掉

於是就找到了非常強大的油猴插件

我的第一個油猴腳本「屏蔽CSDN底下的登錄欄」

1.油猴插件是什麼

Tampermonkey 谷歌版“油猴”是一款免費的瀏覽器插件和最為流行的用戶腳本管理器它適用於基於 blink 和 WebKit 的瀏覽器像是 Chrome Microsoft Edge Safari Opera Next 和 Firefox 。

2.寫一個最簡單的油猴腳本
2.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語句就能告別這些愚蠢的彈框,作為一個開發者,要牢牢把軟件的控制權掌握在自己手中(´Д`)

相關文章

一springcloudhystrix源碼深度分析

RedisTUI一個基於命令行的Redis圖形界面客戶端

RabbitMQ發佈訂閱實戰實現延時重試隊列

javascript的23種設計模式(持續更新中…)