Firefox火狐瀏覽器的高效使用
注意：總體功能同樣適用於 谷歌等瀏覽器。
作者：吳甜甜 個人博客網站： wutiantian.github.io
嗶哩嗶哩視頻講解地址：https://www.bilibili.com/video/av69566344
PPT 下載地址：https://github.com/wutiantian/bilibili_wutiantian
一句話講明視頻用途：
高效輕量直通車，免VIP與軟件
一網打盡所有網站，無需安裝到電腦任何軟件
在統一的地址欄搜索一切
-
不論是網址還是搜索關鍵字，智能欄 都可以處理。
-
Firefox的 URL 輸入欄能根據現有的書簽、標簽、歷史、已開標簽頁和搜索熱度給你匹配建議。
頁面操作菜單：書簽、截圖、保存或分享
找到了一個令人驚喜的網站？
你可以保存或分享它。位於地址欄的頁面處理菜單讓你可以添加書簽、拷貝或發送鏈接、網頁截圖、發送到手機或Pocket，這樣你就可以隨時隨地想看就看。
同步
賬戶的跨平台“同步”功能
例如 linux平台與windows平台的
- 書簽頁同步
- 插件同步
賬戶
- 請設置 Firefox 賬戶，這樣你就可以隨時隨地瀏覽信息。
跨平台的使用
windows操作系統是“讓簡單的操作更簡單”， linux 操作系統是“讓復雜的操作變得容易”。
所以輕度豐富的瀏覽器操作以 windows平台為主，其他平台“同步”使用會更方便一些。
- 點擊菜單按鈕並點擊 登錄 Sync，然后根據指導創建賬戶。
- 然后在其他設備上登錄已創建的賬戶就好了。
附加組件
- 為什么要使用 “ 組件 ”
我自己的觀點：軟件的雲替代方案
有一些功能，大部分桌面軟件都有，但是對於網頁輕量級的環境是否有簡單方案，可以立即就用的？
特別是不要彈出“安裝失敗”的窗口！
最好還是可以換一台電腦或者一台平板、手機等，都可以無縫連接！
答對了，它都可以做到。
我用的組件
| 功能類別 | 組件名稱 | 應用 |
|---|---|---|
| 翻譯 | 側邊翻譯 | 側邊欄的划段翻譯與語音播放 |
| 網站換膚 | Stylish | 應用別人做好的各種好看網站皮膚、減少廣告 |
| 安全 | Decentraleyes | 無痕 |
| 網盤傳輸 | Transfer Send for Firefox | 替代百度網盤進行快速傳輸 |
| 腳本 | Tampermonkey 油猴 | 第三方的腳本的安裝 |
| 視頻倍速播放 | Video Speed Controller | 可調節B站的視頻為16倍速，精度0.1間隔（B站本身只有2倍速選擇，且精度0.5間隔） |
| 截圖 | Awesome Screenshot Options | 截取網頁可選區域圖像 |
（視頻：講解使用組件前后效果）
如何下載與安裝
設置 -> 附加組件 -> 尋找更多擴展 -> 輸入功能名詞 -> 根據搜索結果列表進行詞條選擇並進入詞條 -> 點擊“添加到 Firefox” 按鈕
注意：搜索詞之間，不要有空格！
（視頻：講解使用組件的“開啟”、“關閉”、“設置方法”）
如何看使用說明書
花幾秒看看說明內容及操作動圖能加速更好使用功能。如果有英文，可以選中右擊,然后點擊 “翻譯”。
油猴腳本的詳細
用戶腳本是什么？
用戶腳本是一段代碼，它們能夠優化您的網頁瀏覽體驗。
安裝之后，有些腳本能為網站添加新的功能，有些能使網站的界面更加易用，有些則能隱藏網站上煩人的部分內容。
在 Greasy Fork 上的用戶腳本都是由用戶編寫並向全世界發表的，您可以免費安裝，輕松體驗。
- 第一步：安裝一個用戶腳本管理器
要使用用戶腳本，您首先需要安裝一個用戶腳本管理器。根據您使用的瀏覽器不同，可用的用戶腳本管理器也有所不同。
Firefox：Greasemonkey、Tampermonkey
- 第二步：安裝一個用戶腳本
瀏覽此網站 查找您想嘗試的用戶腳本。最流行的用戶腳本有：
網頁限制解除(改) - 通殺大部分網站,可以解除禁止復制、剪切、選擇文本、右鍵菜單的限制。原作者cat73,因為和搜索跳轉腳本沖突,遂進行了改動,改為黑名單制。
百度文庫VVV下載 - 下載百度文庫的doc或者pdf
百度網盤資源_搜索引擎_聚合 - 在百度雲盤頁面中新增百度網盤資源_搜索引擎_(爭取一網打盡)
知乎免登錄[2018] - 一個很簡單的腳本, 直接跳轉到發現頁面
在您找到想要的用戶腳本后，點擊用戶腳本頁面上綠色的安裝按鈕，您的用戶腳本管理器將向您確認是否安裝。
- 第三步：使用用戶腳本
您可以訪問這個用戶腳本所針對的網站，腳本應該已經自動啟動和生效。
（摘自：https://www.tampermonkey.net/scripts.php）
tampermonkey 腳本的下載
腳本搜索與下載地址
GreasyFork 或許是最受歡迎的后起之秀了。
它由 Jason Barnabe 創建,Jason Barnabe 同時也是 Stylish 網站的創辦者,在其儲存庫中有大量的腳本資源。
我用的腳本
| 功能 | 名稱 | 應用 |
|---|---|---|
| Greasyfork腳本評分與安裝浮標 | 大人的Greasyfork | 查看腳本評分與安裝按鈕 |
| 廣告屏蔽類 | AC-baidu: 重定向優化百度搜狗谷歌搜索_去廣告_favicon_雙列 | 清推廣+界面美化 |
| 廣告屏蔽類 | 百度廣告(首尾推廣及右側廣告)清理 | 清推廣 |
| VIP 功能解鎖類 | 百度文庫文檔免費下載【原文檔+轉換提取文檔】，文檔內容自由復制，移除廣告；豆丁網文檔下載 | 解除大部分網站操作限制；全網VIP視頻免費在線看【支持電視劇免跳出選集】 |
| VIP 功能解鎖類 | 百度文庫（wenku）在線下載PDF格式文件 | 文檔上方新增“下載”按鈕 |
| 購物類 | 購物黨自動比價工具-領取淘寶內部券 | 在價格下方增加統計數據，有各平台中最低價等的額外顯示 |
如何選用腳本
插件與腳本如何選擇
“ 腳本 ” 相對於 “ 組件 ” ， 在維護力度和編程水平上差距較大。
“組件” 的優勢是，背后龐大的社區維護，編寫者水平較高，基本不會出現無法使用情況。
“腳本” 的優勢是：更新速度快，編寫者水平普通，容易出現失效情況，但非常熱情活躍，幾乎每月就一更。
所以我個人認為：
（1）“腳本” 適用於 網站經常換安全策略的大型網站，隨時找漏洞修補的小工具。
例如：廣告、下載、VIP 鏈接等。
（2）同功能選擇較好的兩個，以備失效時更換、開啟。
（3）先下載再卸載，批量嘗試！
選擇的本質是你的目的
例如,王頂老師的 Stylish 網站換膚教程，我自己也做了 幾個常用網站的換膚腳本保存到本地使用，雖然每個只是 20 行以內，談不上美化，充其量只是為了 “去廣告、彈窗” ，當然這也是我的核心目的。
那么用 油猴腳本 里，專業一些的人士有去廣告又有美化的界面，我當然選擇簡單的、別人寫好的啦，解決問題就好了呀！
那么一來，我以前擁有的百度搜索技能其中“不包含某關鍵詞”，“減號-”，“A -推廣-推廣鏈接”習慣都省略了。
工具選對，一些瑣碎的操作也可以不用再反復造輪子。
（在不知道油猴里的腳本功能時，掌握 Stylish換膚 功能還是很有必要的，例如打印頁面時，至少能把廣告等無關內容去除，一鳥在手勝過雙鳥在林。至於王頂老師的課程安排，自有老師他自己的深意，首先是我當時通過幾行的代碼可以更改網頁感覺成功的喜悅，從而對網頁知識感興趣入門；其次，是感受到開源社區再小也能成為項目參與其中，這是 “深入淺出”的效果。我認為老師的這個安排是非常用心巧妙的。）
如何判斷腳本質量：使用人數與評價星級
-
看人數和星級是最大的評判標准，群眾的眼睛是雪亮的！
-
有時候評價腳本不好用，也不完全對，因為有的人不看使用說明當然不會用啦，還要留言黑一下，以博取發開者注意力
-
得分高但是過時失效了，怎么選擇？
以“作者”為排除原則，例如某個作者連續發了幾個同一主題並且得分高的腳本，但是后來不維護了，得分依然很高。此時，看到該作者評分高但是就不點擊他的作品，選擇得分稍微低但是最近好評多的下載試試。
擴展：擁抱開發者社區
火狐社區網址
如何看懂腳本文件
網頁的腳本內容
CSS (Cascading Style Sheets)指層疊樣式表
基本語法：
1.選擇器
2.樣式聲明
（1）樣式屬性
（2）樣式值
腳本的語法
- 注釋第一行
// @name 百度搜索廣告清理助手
// @name:en Remove Baidu Search Side AD
// @name:zh 百度搜索廣告清理助手
@ ：腳本參數的內容
# : 預編譯內容
- 按代碼塊讀
根據函數名、注釋、猜測業務邏輯，來判斷代碼塊中每行功能
- div 層（視頻：使用 F12 開發者工具，進行具體講解，選擇器定位等演示操作）
DIVision 圖層，層疊樣式表中的定位技術。
DIV元素是用來為HTML（標准通用標記語言下的一個應用）文檔內大塊（block-level）的內容提供結構和背景的元素。
貢獻自己的腳本
從簡單項目開始，例如給 stylish 社區寫一個網站換膚的 50 行以內程序。
詳細見王頂老師的 “Github 開源之旅-第五季 stylish 網站換膚”課程。
如何用自己的腳本賺錢
- 收費：把自己的寫的實用腳本到各社區中，可以到付費的社區發布並通過付費下載賺錢。
- 捐贈：把微信二維碼放到頁面上，等待捐贈。
- 廣告：通過外鏈接入付費的廣告。
詳細見王頂老師的 “Github 開源之旅-第五季 stylish 網站換膚”的“10參與項目”。
學習與探尋高效軟件的秘訣
高效軟件可以為人們生活提供方便。
但是日新月異的網站、軟件、變換的爬蟲框架，如何掌握時代的脈搏服務於自己的生活、工作 ?
追逐媒體賬號與一條條的推送實在太耗費精力！你永遠不知道哪里有更簡單的。
我的解決方案是：總要學好一個技能點，再圍繞該點做展開
我起初對瀏覽器用了很多年卻不是很了解，也沒有探尋的興趣，源於我對前端知識的匱乏。
后來在 51 CTO 網站學習了 王頂老師的 “Github 開源之旅-第五季 stylish 網站換膚” ，了解網站的一些知識。
其中“火狐瀏覽器上安裝 stylish 插件” 、“10參與項目” 是我對瀏覽器的初步了解以及后續探尋其他功能的底氣。
因為我懂，所以我敢更懂，並將懂的內容應用。
因為我懂了基礎的前端知識，所以一些推薦文章、視頻、網頁說明能夠立馬看懂，能夠快速 “復現” 。
特別鳴謝：王頂老師
河北經貿大學 數學與統計學學院
https://github.com/wangding
目前，王頂老師的課程也在“騰訊課堂”上有，6元一套，用每天領取100分鍾兌換1元優惠券，連續6天登陸簽到就能不花錢學啦。
王頂老師的課成體系，對於編程思想的本質講得明白，提供思路，穩扎穩打，視頻不拖沓。
我很敬佩王頂是個真正讓人學懂的老師。