• Firefox火狐瀏覽器的高效使用

• 如何看懂腳本文件

• 貢獻(xiàn)自己的腳本

• 如何用自己的腳本賺錢

• tampermonkey 腳本的下載

• 我用的腳本

• 如何選用腳本

• 插件與腳本如何選擇

• 如何判斷腳本質(zhì)量：使用人數(shù)與評(píng)價(jià)星級(jí)

• 我用的組件

• 如何下載與安裝

• 如何看使用說明書

• 賬戶

• 跨平臺(tái)的使用

• 在統(tǒng)一的地址欄搜索一切

• 頁面操作菜單：書簽、截圖、保存或分享

• 同步

• 附加組件

• 油猴腳本的詳細(xì)

• 擴(kuò)展：擁抱開發(fā)者社區(qū)

• 學(xué)習(xí)與探尋高效軟件的秘訣

• 特別鳴謝：王頂老師

Firefox火狐瀏覽器的高效使用

注意：總體功能同樣適用于 谷歌等瀏覽器。

作者：吳甜甜 個(gè)人博客網(wǎng)站：?wutiantian.github.io

嗶哩嗶哩視頻講解地址：https://www.bilibili.com/video/av69566344

PPT?下載地址：https://github.com/wutiantian/bilibili_wutiantian

一句話講明視頻用途：

高效輕量直通車，免VIP與軟件

一網(wǎng)打盡所有網(wǎng)站，無需安裝到電腦任何軟件

在統(tǒng)一的地址欄搜索一切

• 不論是網(wǎng)址還是搜索關(guān)鍵字，智能欄?都可以處理。

• Firefox的 URL 輸入欄能根據(jù)現(xiàn)有的書簽、標(biāo)簽、歷史、已開標(biāo)簽頁和搜索熱度給你匹配建議。

頁面操作菜單：書簽、截圖、保存或分享

找到了一個(gè)令人驚喜的網(wǎng)站？

你可以保存或分享它。位于地址欄的頁面處理菜單讓你可以添加書簽、拷貝或發(fā)送鏈接、網(wǎng)頁截圖、發(fā)送到手機(jī)或Pocket，這樣你就可以隨時(shí)隨地想看就看。

同步

賬戶的跨平臺(tái)“同步”功能

例如 linux平臺(tái)與windows平臺(tái)的

• 書簽頁同步

• 插件同步

賬戶

• 請(qǐng)?jiān)O(shè)置 Firefox 賬戶，這樣你就可以隨時(shí)隨地瀏覽信息。

跨平臺(tái)的使用

windows操作系統(tǒng)是“讓簡(jiǎn)單的操作更簡(jiǎn)單”， linux 操作系統(tǒng)是“讓復(fù)雜的操作變得容易”。

所以輕度豐富的瀏覽器操作以 windows平臺(tái)為主，其他平臺(tái)“同步”使用會(huì)更方便一些。

• 點(diǎn)擊菜單按鈕并點(diǎn)擊 登錄 Sync，然后根據(jù)指導(dǎo)創(chuàng)建賬戶。

• 然后在其他設(shè)備上登錄已創(chuàng)建的賬戶就好了。

附加組件

• 為什么要使用 “ 組件 ”

我自己的觀點(diǎn)：軟件的云替代方案

有一些功能，大部分桌面軟件都有，但是對(duì)于網(wǎng)頁輕量級(jí)的環(huán)境是否有簡(jiǎn)單方案，可以立即就用的？

特別是不要彈出“安裝失敗”的窗口！

最好還是可以換一臺(tái)電腦或者一臺(tái)平板、手機(jī)等，都可以無縫連接！

答對(duì)了，它都可以做到。

我用的組件

功能類別組件名稱應(yīng)用翻譯側(cè)邊翻譯側(cè)邊欄的劃段翻譯與語音播放網(wǎng)站換膚Stylish應(yīng)用別人做好的各種好看網(wǎng)站皮膚、減少?gòu)V告安全Decentraleyes無痕網(wǎng)盤傳輸Transfer Send for Firefox替代百度網(wǎng)盤進(jìn)行快速傳輸腳本Tampermonkey 油猴第三方的腳本的安裝視頻倍速播放Video Speed Controller可調(diào)節(jié)B站的視頻為16倍速，精度0.1間隔（B站本身只有2倍速選擇，且精度0.5間隔）截圖Awesome Screenshot Options截取網(wǎng)頁可選區(qū)域圖像

（視頻：講解使用組件前后效果）

如何下載與安裝

設(shè)置 -> 附加組件 -> 尋找更多擴(kuò)展 -> 輸入功能名詞 -> 根據(jù)搜索結(jié)果列表進(jìn)行詞條選擇并進(jìn)入詞條 -> 點(diǎn)擊“添加到 Firefox” 按鈕

注意：搜索詞之間，不要有空格！

（視頻：講解使用組件的“開啟”、“關(guān)閉”、“設(shè)置方法”）

如何看使用說明書

花幾秒看看說明內(nèi)容及操作動(dòng)圖能加速更好使用功能。如果有英文，可以選中右擊,然后點(diǎn)擊 “翻譯”。

油猴腳本的詳細(xì)

用戶腳本是什么？ 用戶腳本是一段代碼，它們能夠優(yōu)化您的網(wǎng)頁瀏覽體驗(yàn)。

安裝之后，有些腳本能為網(wǎng)站添加新的功能，有些能使網(wǎng)站的界面更加易用，有些則能隱藏網(wǎng)站上煩人的部分內(nèi)容。

在 Greasy Fork 上的用戶腳本都是由用戶編寫并向全世界發(fā)表的，您可以免費(fèi)安裝，輕松體驗(yàn)。

• 第一步：安裝一個(gè)用戶腳本管理器

要使用用戶腳本，您首先需要安裝一個(gè)用戶腳本管理器。根據(jù)您使用的瀏覽器不同，可用的用戶腳本管理器也有所不同。 Firefox：Greasemonkey、Tampermonkey

• 第二步：安裝一個(gè)用戶腳本

瀏覽此網(wǎng)站 查找您想嘗試的用戶腳本。最流行的用戶腳本有： 網(wǎng)頁限制解除(改) - 通殺大部分網(wǎng)站,可以解除禁止復(fù)制、剪切、選擇文本、右鍵菜單的限制。原作者cat73,因?yàn)楹退阉魈D(zhuǎn)腳本沖突,遂進(jìn)行了改動(dòng),改為黑名單制。

百度文庫(kù)VVV下載 - 下載百度文庫(kù)的doc或者pdf

百度網(wǎng)盤資源_搜索引擎_聚合 - 在百度云盤頁面中新增百度網(wǎng)盤資源_搜索引擎_(爭(zhēng)取一網(wǎng)打盡)

知乎免登錄[2018] - 一個(gè)很簡(jiǎn)單的腳本, 直接跳轉(zhuǎn)到發(fā)現(xiàn)頁面

在您找到想要的用戶腳本后，點(diǎn)擊用戶腳本頁面上綠色的安裝按鈕，您的用戶腳本管理器將向您確認(rèn)是否安裝。

• 第三步：使用用戶腳本

您可以訪問這個(gè)用戶腳本所針對(duì)的網(wǎng)站，腳本應(yīng)該已經(jīng)自動(dòng)啟動(dòng)和生效。

（摘自：https://www.tampermonkey.net/scripts.php）

tampermonkey 腳本的下載

腳本搜索與下載地址

https://greasyfork.org/zh-CN

GreasyFork 或許是最受歡迎的后起之秀了。

它由 Jason Barnabe 創(chuàng)建,Jason Barnabe 同時(shí)也是 Stylish 網(wǎng)站的創(chuàng)辦者,在其儲(chǔ)存庫(kù)中有大量的腳本資源。

我用的腳本

功能名稱應(yīng)用Greasyfork腳本評(píng)分與安裝浮標(biāo)大人的Greasyfork查看腳本評(píng)分與安裝按鈕廣告屏蔽類AC-baidu:重定向優(yōu)化百度搜狗谷歌搜索_去廣告_favicon_雙列清推廣+界面美化廣告屏蔽類百度廣告(首尾推廣及右側(cè)廣告)清理清推廣VIP 功能解鎖類百度文庫(kù)文檔免費(fèi)下載【原文檔+轉(zhuǎn)換提取文檔】，文檔內(nèi)容自由復(fù)制，移除廣告；豆丁網(wǎng)文檔下載解除大部分網(wǎng)站操作限制；全網(wǎng)VIP視頻免費(fèi)在線看【支持電視劇免跳出選集】VIP 功能解鎖類百度文庫(kù)（wenku）在線下載PDF格式文件文檔上方新增“下載”按鈕購(gòu)物類購(gòu)物黨自動(dòng)比價(jià)工具-領(lǐng)取淘寶內(nèi)部券在價(jià)格下方增加統(tǒng)計(jì)數(shù)據(jù)，有各平臺(tái)中最低價(jià)等的額外顯示

如何選用腳本

插件與腳本如何選擇

“ 腳本 ” 相對(duì)于 “ 組件 ” ， 在維護(hù)力度和編程水平上差距較大。

“組件” 的優(yōu)勢(shì)是，背后龐大的社區(qū)維護(hù)，編寫者水平較高，基本不會(huì)出現(xiàn)無法使用情況。

“腳本” 的優(yōu)勢(shì)是：更新速度快，編寫者水平普通，容易出現(xiàn)失效情況，但非常熱情活躍，幾乎每月就一更。

所以我個(gè)人認(rèn)為：

（1）“腳本” 適用于 網(wǎng)站經(jīng)常換安全策略的大型網(wǎng)站，隨時(shí)找漏洞修補(bǔ)的小工具。
例如：廣告、下載、VIP 鏈接等。
（2）同功能選擇較好的兩個(gè)，以備失效時(shí)更換、開啟。
（3）先下載再卸載，批量嘗試！

選擇的本質(zhì)是你的目的

例如,王頂老師的 Stylish 網(wǎng)站換膚教程，我自己也做了 幾個(gè)常用網(wǎng)站的換膚腳本保存到本地使用，雖然每個(gè)只是 20 行以內(nèi)，談不上美化，充其量只是為了 “去廣告、彈窗” ，當(dāng)然這也是我的核心目的。

那么用 油猴腳本 里，專業(yè)一些的人士有去廣告又有美化的界面，我當(dāng)然選擇簡(jiǎn)單的、別人寫好的啦，解決問題就好了呀！

那么一來，我以前擁有的百度搜索技能其中“不包含某關(guān)鍵詞”，“減號(hào)-”，“A -推廣-推廣鏈接”習(xí)慣都省略了。

工具選對(duì)，一些瑣碎的操作也可以不用再反復(fù)造輪子。

（在不知道油猴里的腳本功能時(shí)，掌握 Stylish換膚 功能還是很有必要的，例如打印頁面時(shí)，至少能把廣告等無關(guān)內(nèi)容去除，一鳥在手勝過雙鳥在林。至于王頂老師的課程安排，自有老師他自己的深意，首先是我當(dāng)時(shí)通過幾行的代碼可以更改網(wǎng)頁感覺成功的喜悅，從而對(duì)網(wǎng)頁知識(shí)感興趣入門；其次，是感受到開源社區(qū)再小也能成為項(xiàng)目參與其中，這是 “深入淺出”的效果。我認(rèn)為老師的這個(gè)安排是非常用心巧妙的。）

如何判斷腳本質(zhì)量：使用人數(shù)與評(píng)價(jià)星級(jí)

• 看人數(shù)和星級(jí)是最大的評(píng)判標(biāo)準(zhǔn)，群眾的眼睛是雪亮的！

• 有時(shí)候評(píng)價(jià)腳本不好用，也不完全對(duì)，因?yàn)橛械娜瞬豢词褂谜f明當(dāng)然不會(huì)用啦，還要留言黑一下，以博取發(fā)開者注意力

• 得分高但是過時(shí)失效了，怎么選擇？ 以“作者”為排除原則，例如某個(gè)作者連續(xù)發(fā)了幾個(gè)同一主題并且得分高的腳本，但是后來不維護(hù)了，得分依然很高。此時(shí)，看到該作者評(píng)分高但是就不點(diǎn)擊他的作品，選擇得分稍微低但是最近好評(píng)多的下載試試。

擴(kuò)展：擁抱開發(fā)者社區(qū)

火狐社區(qū)網(wǎng)址

http://mozilla.com.cn/moz-addon.html

如何看懂腳本文件

網(wǎng)頁的腳本內(nèi)容

CSS (Cascading Style Sheets)指層疊樣式表

基本語法：

1.選擇器
2.樣式聲明
（1）樣式屬性
（2）樣式值

腳本的語法

• 注釋第一行

// @name ? ? ? ? ? ? ?百度搜索廣告清理助手 // @name:en ? ? ? ? ? Remove Baidu Search Side AD // @name:zh ? ? ? ? ? 百度搜索廣告清理助手

@ ：腳本參數(shù)的內(nèi)容

# : 預(yù)編譯內(nèi)容

• 按代碼塊讀

根據(jù)函數(shù)名、注釋、猜測(cè)業(yè)務(wù)邏輯，來判斷代碼塊中每行功能

• div 層（視頻：使用 F12 開發(fā)者工具，進(jìn)行具體講解，選擇器定位等演示操作）

DIVision 圖層，層疊樣式表中的定位技術(shù)。
DIV元素是用來為HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。

貢獻(xiàn)自己的腳本

從簡(jiǎn)單項(xiàng)目開始，例如給 stylish 社區(qū)寫一個(gè)網(wǎng)站換膚的 50 行以內(nèi)程序。

詳細(xì)見王頂老師的 “Github 開源之旅-第五季 stylish 網(wǎng)站換膚”課程。

如何用自己的腳本賺錢

• 收費(fèi)：把自己的寫的實(shí)用腳本到各社區(qū)中，可以到付費(fèi)的社區(qū)發(fā)布并通過付費(fèi)下載賺錢。

• 捐贈(zèng)：把微信二維碼放到頁面上，等待捐贈(zèng)。

• 廣告：通過外鏈接入付費(fèi)的廣告。

詳細(xì)見王頂老師的 “Github 開源之旅-第五季 stylish 網(wǎng)站換膚”的“10參與項(xiàng)目”。

學(xué)習(xí)與探尋高效軟件的秘訣

高效軟件可以為人們生活提供方便。

但是日新月異的網(wǎng)站、軟件、變換的爬蟲框架，如何掌握時(shí)代的脈搏服務(wù)于自己的生活、工作 ?

追逐媒體賬號(hào)與一條條的推送實(shí)在太耗費(fèi)精力！你永遠(yuǎn)不知道哪里有更簡(jiǎn)單的。

我的解決方案是：總要學(xué)好一個(gè)技能點(diǎn)，再圍繞該點(diǎn)做展開

我起初對(duì)瀏覽器用了很多年卻不是很了解，也沒有探尋的興趣，源于我對(duì)前端知識(shí)的匱乏。

后來在 51 CTO 網(wǎng)站學(xué)習(xí)了 王頂老師的 “Github 開源之旅-第五季 stylish 網(wǎng)站換膚” ，了解網(wǎng)站的一些知識(shí)。

其中“火狐瀏覽器上安裝 stylish 插件” 、“10參與項(xiàng)目” 是我對(duì)瀏覽器的初步了解以及后續(xù)探尋其他功能的底氣。

因?yàn)槲叶?，所以我敢更懂，并將懂的?nèi)容應(yīng)用。

因?yàn)槲叶嘶A(chǔ)的前端知識(shí)，所以一些推薦文章、視頻、網(wǎng)頁說明能夠立馬看懂，能夠快速 “復(fù)現(xiàn)” 。

特別鳴謝：王頂老師

河北經(jīng)貿(mào)大學(xué) 數(shù)學(xué)與統(tǒng)計(jì)學(xué)學(xué)院
https://github.com/wangding

目前，王頂老師的課程也在“騰訊課堂”上有，6元一套，用每天領(lǐng)取100分鐘兌換1元優(yōu)惠券，連續(xù)6天登陸簽到就能不花錢學(xué)啦。

王頂老師的課成體系，對(duì)于編程思想的本質(zhì)講得明白，提供思路，穩(wěn)扎穩(wěn)打，視頻不拖沓。

我很敬佩王頂是個(gè)真正讓人學(xué)懂的老師。