一直聽說油猴（tampermonkey）是一個很強(qiáng)大的插件视事，但是自從裝上之后一直在角落里吃灰句喷，從來都沒有啟用過，今天無意中看到了一兩個不錯的腳本推薦所计，可以去除視頻廣告和VIP解析。所以就把它從墻角拉出來用了团秽。嗯主胧，真香！
有時(shí)候查詢問題的需要习勤，總是用到CSDN論壇踪栋，但每次的點(diǎn)擊顯示更多真的很是煩人，雖然網(wǎng)上也有自動顯示更多的腳本图毕，但耐不住強(qiáng)烈的好奇心夷都，所以想著寫一些自己用著習(xí)慣的網(wǎng)頁腳本。所以就開始了這次的探索之路吴旋。
首先在Chrome中F12打開調(diào)試模式损肛，找到按鈕。想著添加一個click事件就可以解決這個問題荣瑟，但嘗試的時(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)橐粋€正則匹配的*號問題，導(dǎo)致腳本沒有執(zhí)行踩晶。
通過這次的嘗試执泰，也為自己打開了腳本編寫的大門吧，其實(shí)之前學(xué)習(xí)前端相關(guān)知識的時(shí)候就在想能不能讓頁面有一些自己添加的元素在上面渡蜻。使之能夠更加符合自己的使用習(xí)慣术吝，同時(shí)提高自己的效率，現(xiàn)在看到了大門茸苇，我希望能夠在之后的學(xué)習(xí)中學(xué)到更加多的腳本知識排苍。
我們的每一次嘗試，都是在一步步的壯大自己税弃！
