簡單介紹一下 Tampermonkey :
· Tampermonkey 是瀏覽器插件中神級的存在
· 什么是神級插件 : 其他插件能做的, 他都能做到
· 當你學會了 Tampermonkey 以后, 你就會發現, 其實 Chrome 插件就兩種
o 一種是 Tampermonkey
o 一種是 其他插件
點擊加入前端千人大群交流學習,更多課程視頻-源碼軟件安裝包免費贈送~
Tampermonkey 是如何運行的呢?
· 在瀏覽器上, 我們看到的網頁主要是通過運行腳本語言(JavaScript) 來實現一些頁面交互和動效
· Tampermonkey 就相當于給了你一個腳本入口, 你可以通過自己書寫代碼, 在指定的網頁上執行
比如:
o 你自己在 Tampermonkey 里面書寫一段代碼叫做 alert("你好,成功了")
o 你指定這段代碼在 www.baidu.com 這個網站運行
o 那么只要你打開著 Tampermonkey 插件, 那么你每次開啟 百度 的時候, 都會彈出 你好,成功了
注意:
· 有一些網站開啟了 GSP(內容安全策略), 是為了保證網頁內容不會被修改, 防止惡意竊取隱私信息等
· 那么就不能執行你的腳本了, 比如 知乎、Github、Twitter、Quora 等。
· 不過, Tampermonkey 提供了一個可以在 GSP 頁面運行腳本的能力, 不過代價就是破化了 GSP 的支持, 所以一些完全性更高的網站是肯定使用不了的了
· 強烈建議, 不是高級玩家不要玩火, 小心尿床
各個瀏覽器安裝 Tampermonkey
· Chrome : 應用商店搜索 Tampermonkey
· FireFox : Greasemonkey
· safari : Tampermonkey
· Edge : Tampermonkey
· Opera : Tampermonkey
· 其他瀏覽器(QQ, 360 等) : 直接在瀏覽器應用中心搜索 Tampermonkey 既可
別廢話了,開始我的第一個腳本吧
· 這里就不再說安裝問題了
· 我們直接來說使用
· 很多人可能安裝過 Tampermonkey 插件, 安裝完畢以后, 發現不管是不是開啟著插件好像都沒啥用
· 我瀏覽各種網頁他也不起啥作用, 也不知道是干啥的
· 因為他只是一個執行腳本的入口插件, 我們要寫入特定腳本才好使
開啟 Tampermonkey 作戰模式
· 你要在你的瀏覽器上保證你的 Tampermonkey 插件是開啟的
書寫一個簡單腳本
· 點擊瀏覽器右上角的插件, 選擇添加新腳本
· 然后按照下圖開始書寫你的腳本
· 寫完以后直接按下 ctrl + s 保存就可以
· 此時, 你只要打開 百度一下 那么就會運行你剛才書寫的腳本了
自己不會寫,有免費腳本庫
· 如果你有能力, 是一個技術大佬, 那么你可以自己寫所有的腳本
· 當然,用別人的也可以。
腳本庫
· 我們比較常用的免費腳本庫有三個
1. Greasy Fork
2. OpenUserJS
3. Userscripts Mirror
· 我比較喜歡使用 Greasy Fork, 因為支持中文
· 其他兩個我怕我看不懂
· 下面就以 Greasy Fork 來舉例子, 其實都差不多的
安裝腳本
· Greasy Fork:
o 并且是按照今日安裝 , 安裝總數, 和得分進行的排序
o 比較簡單, 也都是中文, 我們看得懂的
· 按照下圖進行簡本搜索
· 根據人家的中文介紹, 找一個你覺得合適的腳本點擊進去
· 點進去以后, 我們直接安裝腳本就可以了
· 點擊完安裝以后, 你會發現什么也沒有發生, 就過去了
· 其實不用管, 因為已經安裝在你的 Tampermonkey 中了
· 你只要去到愛奇藝看視頻就會發現生效了,看視頻再也沒有廣告了
查看已經安裝的腳本
· 我想看看我安裝的腳本咋辦
· 直接在 Tampermonkey 插件上右鍵單擊, 然后選擇選項
· 這個就是你自己已經安裝或者寫好的腳本了
· 我們剛才自己寫的那個腳本最好就刪掉了, 因為沒啥用
以上就是 Tampermonkey 的基本使用。