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