給 Chrome瀏覽器 添加 Javascript小書簽,查看當前頁面全部加載的javascript文件及代碼片段


小書簽又名 Bookmarklet,由英文單詞 Bookmark 和 Applet 組合而來。簡單地說,小書簽就是把一段帶有特定功能的 JavaScript 代碼保存至收藏夾,當你需要的時候點擊它來實現這段 JavaScript 代碼的功能。

1.chrome瀏覽器中打開一個空白的頁面,輸入  chrome://bookmarks/#1,打開書簽管理器

2.在書簽管理器的左側,選擇 “書簽欄 ”文件夾,如下圖

  

3.點擊書簽管理器頂部右上角的3個小點(提示信息:整理)按鈕,彈出一個菜單

4.在彈出的菜單中,選擇“添加書簽”,彈出下圖的添加書簽對話框

a. 名稱文本框輸入小書簽名稱,比如:Print Script

b. 網址文本框中,輸入下面這一段javascript:

javascript:(function(){var scriptarr=document.getElementsByTagName("script");for(idxout in scriptarr){ if(scriptarr[idxout].src=="") { console.log("*-*-*-*- 來自頁面上的script標簽的代碼片段 *-*-*-");console.log("outHTML"," : ",scriptarr[idxout]["outerHTML"]);} else { console.log("*-*-*- 來自頁面頁面上引用的script文件:",scriptarr[idxout].src," *-*-*-"); continue; }}})();

或者

javascript:var scriptarray=document.getElementsByTagName("script");for(scriptindex in scriptarray){console.log(scriptarray[scriptindex])};

  

3.點擊"保存"按鈕。

完成小書簽的創建,在需要的網頁頁面,打開控制台(快捷鍵:ctrl+shift+i),單擊該書簽,就可以在控制台中看到打印出的所有引用的腳本文件及腳本塊內容啦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM