簡單的油猴腳本入門教程

簡單的油猴腳本入門教程

當然, 最好有一些js基礎

對於瀏覽器的使用, 基本上操作都是一樣的, 既然是前端功能, 這里推薦火狐瀏覽器

1.下載油猴腳本

百度上有很多教程, 這里就不詳細說明了

1. https://tampermonkey.net/入油猴腳本官網, 會自動為你找到適配的油猴版本(如果沒有對應的瀏覽器的話,推薦安裝Firefox或者Chrome)
2. 兩個版本對新手來說應該是一樣的,我選擇穩定版(不含beta的版本)
3. 
4. 瀏覽器添加腳本的方式也基本相同, 這里只看Firefox的吧
   
5. 點擊+Add to Firefox就可以了
6. 如果這兒沒有,就去火狐插件管理設置一下
   
7. 好了安裝完成了

創建新腳本

1. 我想到用這個插件的原因就是因為訪問csdn次數過多以后想要查看全文就需要登錄才能看了,如下:

   

2. 當然還因為csdn中的內容都已經加載出來了,只不過是遮擋住了不讓我看

3. 點擊油猴插件-->添加新腳本:

4. 

5. 這里稍微注釋一下常用的設置:

   // ==UserScript==
   // @name         New Userscript
   // @namespace    http://tampermonkey.net/
   // @version      0.1
   // @description  try to take over the world!
   // @author       You
   // @match        https://blog.csdn.net/CSDNedu/article/details/85118920
   // @grant        none
   // ==/UserScript==
   這里是一些常用的配置,以注釋的形式呈現出來的,
       @name:腳本的名字,這里可以自己命名, 例如我們這個例子可以叫做"跳過csdn登錄驗證"
   	@namespace:可以寫自己的域名,當自己把腳本分享后,用戶可以直接通過這兒找到你的具體功能實現
   	@version:版本
       @description:功能描述,自己用就不用寫
   	@author:作者,可以寫自己的網名
   	@match:匹配的網址,比如自己想要csdn博客里面所有的頁面都能自動把登錄按鈕刪除並顯示出所有內容,就可以寫上"https://blog.csdn.net/*",其中*是通配符
   剩下一個沒搞懂,暫時不影響使用,還有更多可以了解官方文檔:
   https://tampermonkey.net/documentation.php
   

6. 在這里寫自己的代碼:

   (function() {
       'use strict';
   
       // Your code here...
       就是這里,示例(csdn刪除"查看更多"按鈕,並顯示全部頁面內容):
       document.getElementById('article_content').removeAttribute('style');
       var del = document.getElementsByClassName('hide-article-box')[0].remove();
       del.parentNode.removeChild(del[0]);
       scrollTo(0,0);
   })();
   

7. 最后可以直接Ctrl+S保存,也可以在文件-->保存處保存

8. 

9. 基本完成了,現在去csdn的網頁刷新即可看到效果:

10. 

11. 本文結束

如果有興趣而自己又不會js或者懶得折騰,可以嘗試點擊"獲取腳本"找到大神們寫好的腳本!