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

CSDN博客不登錄就彈這么個(gè)東西,擋住視線(xiàn)不勝其煩(′Д`)

于是我就想,在每次訪(fǎng)問(wèn)csdn博客的時(shí)候,瀏覽器都能自動(dòng)執(zhí)行一個(gè)js腳本,把這條東西干掉

于是就找到了非常強(qiáng)大的油猴插件

image.png

1.油猴插件是什么

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

2.寫(xiě)一個(gè)最簡(jiǎn)單的油猴腳本

我的油猴腳本就一句:document.getElementsByClassName("pulllog-box")[0].style.display = 'none' 獲取這條東西的DOM然后藏起來(lái)就好了嘛

1.F12打開(kāi)控制臺(tái),找到這條東西對(duì)應(yīng)的div,發(fā)現(xiàn)class是pulllog-box


image.png

2.在控制臺(tái)輸入document.getElementsByClassName("pulllog-box")[0].style.display = 'none' ,隱藏成功


image.png

3.放到油猴里(點(diǎn)擊插件-->添加新腳本)

// ==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();
})();

介紹一下上邊幾個(gè)參數(shù)

@name腳本名稱(chēng)

@description腳本描述

@match腳本生效的網(wǎng)址

@require導(dǎo)入的第三方包,這里引了一個(gè)JQ

然后腳本只有一句話(huà)$('.pulllog-box').hide();包裹在自執(zhí)行的匿名函數(shù)中

PS.同理可以關(guān)掉豆瓣的登錄框以及各種你想修改的東西,而你只需要粘貼網(wǎng)址和簡(jiǎn)單的js語(yǔ)句就能告別這些愚蠢的彈框,作為一個(gè)開(kāi)發(fā)者,要牢牢把軟件的控制權(quán)掌握在自己手中(′Д`)

原文于2018-07-31發(fā)布于CSDN

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容