一直聽說油猴（tampermonkey）是一個(gè)很強(qiáng)大的插件，但是自從裝上之后一直在角落里吃灰，從來都沒有啟用過，今天無意中看到了一兩個(gè)不錯(cuò)的腳本推薦，可以去除視頻廣告和VIP解析。所以就把它從墻角拉出來用了。嗯，真香！

有時(shí)候查詢問題的需要，總是用到CSDN論壇，但每次的點(diǎn)擊顯示更多真的很是煩人，雖然網(wǎng)上也有自動顯示更多的腳本，但耐不住強(qiáng)烈的好奇心，所以想著寫一些自己用著習(xí)慣的網(wǎng)頁腳本。所以就開始了這次的探索之路。

首先在Chrome中F12打開調(diào)試模式，找到按鈕。想著添加一個(gè)click事件就可以解決這個(gè)問題，但嘗試的時(shí)候發(fā)現(xiàn)不知道怎么在油猴中填寫自己的代碼，使寫的腳本能夠在相應(yīng)的網(wǎng)站中生效。于是就有了早上醒來的第一次代碼嘗試：

// ==UserScript==
// @name         csdn自動顯示更多
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match       *://blog.csdn.net/
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    if(location.hostname == "blog.csdn.net"){
        $(".btn-readmore").click();
    }
})();

在實(shí)際運(yùn)行中，發(fā)現(xiàn)并沒有生效。于是就以失敗告終，8:15分安心的去上班了。

下班后開始第二次嘗試，覺得代碼應(yīng)該沒什么問題啊，就開始考慮打開網(wǎng)頁時(shí)，腳本和頁面元素的加載順序，是否能夠選擇到元素。上網(wǎng)查了一堆資料，無意中發(fā)現(xiàn)問題還是出現(xiàn)在檢測網(wǎng)站的匹配上。*://blog.csdn.net/不能匹配到網(wǎng)址。修改后的代碼：

// ==UserScript==
// @name         csdn自動顯示更多
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match       *://blog.csdn.net/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    if(location.hostname == "blog.csdn.net"){
        $(".btn-readmore").click();
    }
})();

就是因?yàn)橐粋€(gè)正則匹配的*號問題，導(dǎo)致腳本沒有執(zhí)行。

通過這次的嘗試，也為自己打開了腳本編寫的大門吧，其實(shí)之前學(xué)習(xí)前端相關(guān)知識的時(shí)候就在想能不能讓頁面有一些自己添加的元素在上面。使之能夠更加符合自己的使用習(xí)慣，同時(shí)提高自己的效率，現(xiàn)在看到了大門，我希望能夠在之后的學(xué)習(xí)中學(xué)到更加多的腳本知識。

我們的每一次嘗試，都是在一步步的壯大自己！