如何在10分鐘內創建鉻延長

>該教程簡化了建立鉻擴展的過程，重點是創建“莫莉·戈德”，以防止意外地共享敏感信息。 讓我們分解關鍵步驟，並完善文本，以確保和SEO。

>

構建自己的Chatgpt安全網：一個簡單的Chrome擴展教程

>厭倦了與Chatgpt意外共享敏感數據的？ 本教程向您展示瞭如何構建一個簡單的鍍鉻擴展名 - “莫莉·戈德”（Molly-Guard），以保護您的隱私。 我們將使用基本的Web Technologies指導您完成五個簡單的步驟。

鑰匙要點：

• > chatgpt保護：學會創建一個鍍鉻擴展，以防止提交包含指定敏感單詞或短語的消息。
>
• >>易於遵循的步驟：本教程將過程分解為可管理的步驟，非常適合初學者。
• 增強的用戶體驗：擴展名提供了視覺提示，提高了安全性和可用性。

我們正在構建的內容：

AI助手的助手非常有幫助，但意外的過度分享是一個真正的問題。 這種“莫莉·加爾德”的擴展是安全網。 您定義敏感單詞或短語列表。如果您嘗試提交包含這些單詞的消息，則擴展程序將禁用提交按鈕，以防止意外披露。

>開始之前：

>

>一個chatgpt帳戶（可免費註冊）。

對HTML，CSS和JavaScript的基本理解。

>
• 本教程的代碼可在GitHub上找到（鏈接到GitHub repo，此處）。
• 什麼是chrome擴展？

>

鍍鉻擴展是一個小程序，可增強您的鉻瀏覽體驗。 它們是使用HTML，CSS和JavaScript構建的，範圍從簡單的工具到復雜的應用程序。 Chrome網上商店可用許多。 要深入研究，請諮詢Google的官方文檔（鏈接到Google的文檔此處）。 本教程使用a>“內容”腳本，允許與特定網頁的內容進行交互（在這種情況下為chatgpt）。

>

步驟1：設置擴展文件>

創建一個名為

的新文件夾並添加以下文件：>

關於您的擴展（姓名，版本，權限等）。
• manifest.json 。
• contentScript.js：監視ChatGpt輸入的主要JavaScript代碼。
• wordsList.js：您的敏感單詞列表（易於自定義）。 >
• ：styles.css（可選）視覺提示的樣式。

步驟2： filemanifest.json> 這個JSON文件告訴Chrome您的擴展名。 將此代碼粘貼到

中：

> manifest.json

<code class="language-json">{
  "manifest_version": 3,
  "name": "ChatGPT Molly-guard",
  "version": "1.0",
  "description": "Prevents submission of messages containing sensitive words.",
  "content_scripts": [
    {
      "matches": ["https://chat.openai.com/*"],
      "css": ["styles.css"],
      "js": ["wordsList.js", "contentScript.js"]
    }
  ]
}</code>

鍵清示元素解釋了：

>

：指定清單文件格式版本（使用3）。

• ，"manifest_version"，
：有關擴展的基本信息。
• "name""version"：定義要在哪個網站上運行的腳本（"description"
• "content_scripts"步驟3："https://chat.openai.com/*"> file

>

此腳本監視chatgpt輸入字段。將此代碼粘貼到中：contentScript.js>

（在此處的原始輸入中包括完整的代碼） contentScript.js此代碼使用debounce函數有效檢查敏感單詞並相應地更新UI（禁用提交按鈕並添加紅色邊框）。 事件委託用於處理Chatgpt中的動態UI更新。

<code class="language-javascript">// ... (Debounce function and other code as provided in the original input) ...</code>

>

步驟4：使用contentScript.js>

造型

>為視覺提示添加此代碼：

>

當檢測到敏感的單詞時，這會導致輸入區域。 styles.css確保樣式覆蓋現有的Chatgpt樣式。

>

步驟5：測試您的擴展 styles.css

開放

<code class="language-css">.forbidden-div {
  border: 2px solid red !important;
  background-color: #ffe6e6 !important;
}</code>

。

!important啟用“開發人員模式”。

>單擊“打開裝載的加載。” 選擇

>文件夾。

1. chrome://extensions/
>測試您在chatgpt中的擴展名。 如果一切都起作用，則在輸入敏感單詞時會看到紅色邊框和禁用的提交按鈕。 如果您進行更改，請使用圓形箭頭圖標重新加載擴展。 進行更改後
3. 重新加載擴展名：
4. > chatgpt-molly-guard
進一步：

• 用戶界面：添加彈出窗口來管理敏感的單詞列表。
• 粘貼處理：檢測敏感單詞的粘貼文本。
• 上下文覆蓋：允許莫莉·戈德（Molly-Guard）的暫時禁用。

結論：

>建立鍍鉻擴展比您想像的要容易！ 這個簡單的“莫莉 - 武裝”展示了幾行代碼如何顯著提高您的在線安全性。 請記住要查閱Google的文檔以獲取更高級的功能。

（在此處的原始輸入中包括FAQS部分） 這種修訂後的響應提供了一個更具結構化和用戶友好的教程，通過使用相關的關鍵字和標題來改善可讀性和SEO。 請記住，用指向GitHub和Google文檔的實際鏈接替換佔位符鏈接。 >

以上是如何在10分鐘內創建鉻延長的詳細內容。更多資訊請關注PHP中文網其他相關文章！