如何在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中文网其他相关文章！