看到一個網站使用的效果很炫，想知道他是使用哪個Plugin來做到的，該怎麼去查詢呢？
範例一 https://pixelcog.github.io/parallax.js/
我想知道這個「滾動視差」的效果是怎麼做出來的，步驟如下：
-
使用chrome開啟網頁，按右鍵「檢視網頁原始碼」
-
按 cmd+F 來做關鍵字搜尋
- 先搜尋「.js">」，我就可以知道他用了哪幾支js檔案
這時，我會看到很多支js，但我不確定是哪一支，該怎麼辦？
- 因此我必須做更細部的搜尋，回到網頁，按右鍵「檢查」
去觀察 div 的 class 名稱或是 id 名稱，要特別注意一些特殊的專有名詞，像這個「parallax」，跟剛剛在原始碼看到的js檔案名稱一樣
- 因此，我再回去「檢視網頁原始碼」去搜尋關鍵字「parallax」
就可以找到 parallax 的 js 檔案了！
- 找到 Plugin 名稱後，我該怎麼使用它？
很簡單，去google搜尋，就可以找到它的官網了，接下來就依照裡面的API說明去載入
範例二 http://benpickles.github.io/peity/
我想知道這個圖表是怎麼做出來的？
- 在chrome按右鍵「檢查」，找到專有名詞「peity」
- 接著回到網頁，按右鍵「檢視網頁原始碼」，用cmd+F關鍵字搜尋「.js">」，
就找到 peity 的 js 檔案了！
- 再去google搜尋「jquery.peity.js」，進入官網去看使用說明
Q&A
Q:
如果載入多個三方插件，可是每個插件使用的jQuery版本都不同，版本沒有互相支援，該怎麼去做統整?
A:
會建議流程如下：
- 先確認網站要幾個插件，並尋找插件
- 確保某 jQuery 版本可以兼容所有插件
- 如果 第二點沒辦法全部兼容，請找一個版本可以兼容 80%以上的插件，其它 20% 都是無用的插件，再去找這 20% 可以兼容的 jQ 核心
雖不常見，但有時會碰到「核心只能有一個，又不能完全兼容所有的第三方插件」，碰到時多少還是要取捨下，只能說找插件前必須先瀏覽說明書查詢 jQ 支援度