用chrome的snippets片段功能創建頁面js外掛程序,從控制台創建js小腳本


用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。

 


免責聲明!

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



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