Chrome Bookmarks 書籤列做好用的 Plugins

Chrome 書籤列就是瀏覽器網址列下方水平的超連結按鈕工具條(如下圖應用程式,  jQuery, Closure Compiler...)，既然是超連結那我們可以拿來做些有趣的事。

1.請先在工具條上按滑鼠右鍵選 新增網頁。

2.我們要做外掛，(1)的地方就取 jQuery，(2)的地方塞入以下程式碼

javascript:(function(){(function(c,b){var a=document.createElement("script");a.type="text/javascript";a.readyState?a.onreadystatechange=function(){if("loaded"==a.readyState||"complete"==a.readyState)a.onreadystatechange=null,b()}:a.onload=function(){b()};a.src=c;document.getElementsByTagName("head")[0].appendChild(a)})("https://code.jquery.com/jquery-1.12.0.min.js",function(){alert("jquery loaded!")})})();

3.因為我加入的程式碼是動態載入 jQuery，所以我們來玩一下 console，請在網頁任意處點選滑鼠右鍵選 檢查 打開 console 面板。

4.請點選剛建立好的書籤按鈕 jQuery，你會發現會跳出 jQuery loaded! 警告視窗

5. 測試 $ 符號是否有變數存在，請在 console 打上 $ 字符再按 enter，會發現＄變數是函示物件，表式 jQuery 成功載入。

6. 改一下背景顏色請輸入

$("body").css("background","black");

再按下 enter，你會發現背景顏色都變成黑色的了。

7.結論就是我相信大家都是善心人士～哈