如果你一直把同一段程式碼輸入 Console 工具，可以考慮把程式碼存成片段，然後再執行片段。 片段是你在 來源 工具中撰寫的腳本。 摘要可以存取網頁的 JavaScript 上下文，你可以在任何網頁上執行摘要。 摘要可以用來修改網頁，例如更改網頁內容或外觀，或提取資料。
以下截圖顯示左側是 Microsoft Edge 網頁，右側是 DevTools。 來源 工具開啟 ，顯示在 「摘要」 標籤中選取的片段的原始碼。執行了摘要程式碼，對網頁做出了修改：
以下顯示了該片段的原始碼：
// Change the background color to "dimgrey".
document.body.style.backgroundColor = "dimgrey";
// Add a paragraph at the bottom of the document.
const p = document.createElement("p");
p.textContent = "Hello world";
p.style.color = "white";
p.style.fontSize = "2rem";
document.body.appendChild(p);
// Log a message to the console.
console.log("Hello world");
程式碼會將網頁背景顏色改為深灰色，並在網頁底部新增一行文字，並將訊息記錄到 主控台 工具。
當你在網頁上執行片段時，該片段的原始碼會被加入目前的網頁。 欲了解更多關於更改網頁現有程式碼而非新增程式碼的資訊，請參閱 覆蓋網頁資源及本地副本 (覆蓋標籤) 。
把所有程式碼都放在同一個檔案裡
大多數網頁的安全設定會阻止以片段形式載入其他腳本。 因此，你必須將所有程式碼集中在一個檔案中。
打開摘要標籤
摘要標籤與導航器面板中頁面標籤的來源工具左側合併。
要開啟 摘要 標籤：
要開啟 DevTools，請右鍵點擊網頁，然後選擇 檢查。 或者，在 Windows、Linux) 按 Ctrl+Shift+I (macOS) 按 Command+Option+I (。 DevTools 開啟。
在 DevTools 的 活動欄中，選擇 「來源 」標籤。如果那個分頁看不到，請點擊 「更多工具 」
) 按鈕。
在 導航 器面板左側) (，選擇「 片段」 標籤。要進入 摘要 選項，你可能需要點擊 「更多分頁 」 (
) 」按鈕。
從指令選單開啟「片段」標籤
你也可以透過指令選單開啟「片段」分頁：
在 DevTools 中選擇任何東西，讓 DevTools 有焦點。
在 Windows、Linux) 按 Ctrl+Shift+P (在 macOS) 按 Command+Shift+P (開啟 指令選單。
開始輸入「snippets」，選擇 顯示 Snippets，然後按 Enter 執行以下指令：
建立一段片段
你可以在 Snippets 工具中建立摘要，或是從 DevTools 的指令選單中執行「建立新片段」指令。
Snippets 面板會將你的 snippets 依字母順序排序。
在來源工具中建立摘要
要從 摘要 標籤建立新的片段：
點擊 新片段 (+) 。
輸入你的摘要名稱，然後按下 Enter：
從指令選單建立片段
把游標放在 DevTools 裡的某個地方。
在 Windows、Linux) 按 Ctrl+Shift+P (在 macOS) 按 Command+Shift+P (開啟 指令選單。
開始輸入「snippet」，選擇 建立新摘要，然後按下 Enter：
若要重新命名您的新摘要，請參見下方的 「重命名摘要」。
編輯一段
要編輯摘要的原始碼：
在「 摘要 」標籤中，點擊你想編輯的摘要名稱。 摘要會在 程式碼編輯器中開啟：
使用 程式碼編輯器 將 JavaScript 加入你的程式碼片段。
當你的摘要名稱旁邊出現星號時，表示你有未儲存的程式碼。 在 Windows、Linux) 按 Ctrl+S (或在 macOS) 按 Command+S (來儲存：
允許貼上到 Snippet 編輯器
當你第一次嘗試將內容貼上到 Sources 工具>的 Snippets 分頁>摘要編輯器時，而不是直接貼上，而是會顯示一個對話框，並顯示：「請不要將你不理解或未自行審查的程式碼貼到 DevTools。 這可能讓攻擊者竊取你的身份或控制你的電腦。 請在下方輸入『允許貼上』以允許貼上。」
此警告有助於防止終端使用者遭受自我跨站腳本攻擊 (自我XSS) 。 要貼上程式碼，請先在對話框的文字框輸入「 允許貼上 」，然後點擊 「允許 」按鈕。 然後貼上內容。 或者，從下面的旗幟開始 Edge 吧。
貼到控制台工具的操作類似;請參見「在主控台執行JavaScript」中允許貼入主控台。
透過命令列旗標啟動 Edge 來停用自我 XSS 警告
為防止上述警告並立即允許貼上至 主控台 工具及 來源 工具的摘要編輯器，例如用於自動測試，請從命令列啟動 Microsoft Edge，並使用以下標誌： --unsafely-disable-devtools-self-xss-warnings。 此旗標適用於 Microsoft Edge 的單一會話。
例如，在 Windows 上：
邊緣穩定：
"C:\Users\localAccount\AppData\Local\Microsoft\Edge\Application\msedge.exe" --unsafely-disable-devtools-self-xss-warnings
Edge 測試版：
"C:\Users\localAccount\AppData\Local\Microsoft\Edge Beta\Application\msedge.exe" --unsafely-disable-devtools-self-xss-warnings
Edge 開發者：
"C:\Users\localAccount\AppData\Local\Microsoft\Edge Dev\Application\msedge.exe" --unsafely-disable-devtools-self-xss-warnings
邊緣金絲雀：
"C:\Users\localAccount\AppData\Local\Microsoft\Edge SxS\Application\msedge.exe" --unsafely-disable-devtools-self-xss-warnings
播放一段片段
從來源工具中執行一段片段
點擊你想執行的片段名稱。 摘要會在 程式碼編輯器中開啟：
點擊 執行摘要
摘要) 按鈕，或按下 Windows、Linux) (Ctrl+Enter 或 Command+Enter (macOS) ：
從指令選單執行一段片段
把游標放在 DevTools 裡的某個地方。
在 Windows、Linux) 按 Ctrl+Shift+P (在 macOS) 按 Command+Shift+P (開啟 指令選單。
刪除該 > 字元，然後輸入 ！ 字元，接著是你想執行的片段名稱：
按 Enter 鍵播放摘要。
重新命名片段
右鍵點擊摘要名稱，然後選擇 重新命名。
刪除片段
右鍵點擊摘要名稱，然後選擇 移除。
將片段儲存到磁碟中作為檔案
預設情況下，片段只能在 DevTools 中使用，但你也可以將片段儲存到磁碟。
右鍵點擊片段名稱，然後選擇 另存為。
[另存新檔] 對話方塊會隨即開啟。
選擇一個資料夾，輸入檔案名稱 (例如
Script snippet #1.js) ，然後點擊 儲存 按鈕。
注意事項
本頁部分內容基於 Google 創作與 分享 的作品，並依 據創用CC 姓名標示 4.0 國際授權條款進行修改。 原始頁面 可在此找到 ，作者為 Kayce Basques。
本作品採用 創用CC 姓名標示4.0國際授權條款授權。