用chrome的snippets片段功能創建頁面js外掛程序,從控制台創建js小腳本
Chrome的snippets是小腳本,還可以創作並在Chrome DevTools的來源面板中執行。
可以訪問和從任何頁面運行它們。當你運行一個片段,它從當前打開的頁面的上下文中執行。
要創建一個片段(Snippets),首先F12 打開開發者工具,
再到Sources面板中,單擊上Snippets選項卡,在導航器中單擊鼠標右鍵,然后選擇New。
在編輯器中輸入代碼。當有未保存的更改,腳本名稱旁邊有“*”。按Command+S(Mac)或Ctrl+S(Windows和Linux),以保存更改。
有三種方式來運行你的代碼片段:
1、在片段文件名(在左側窗格中列出了所有的片段)右鍵單擊並選擇“RUN”。
2、點擊運行按鈕(▶)。
3、按Command+Enter(Mac)或Ctrl+Enter(Windows和Linux)。
還可以設置斷點調試
為了評估在控制台的片段的部分,突出的部分,在編輯器中的任意位置單擊鼠標右鍵,並選擇“Evaluate in Console”,或使用鍵盤快捷鍵Command+Shift+E(Mac)或Ctrl+Shift+E(Windows和Linux)。
要查看對片段所做的修改的差異,在編輯器中右鍵單擊(在顯示片段),然后選擇本地修改。
命名的新選項卡“history”在控制台抽屜彈出。
如果有重復使用在多個頁面上的實用程序或調試腳本,可以考慮保存腳本片段。
另外還可以使用片段作為替代的bookmarklet。