Hello World 扩展程序 | Chrome Extensions | Chrome for Developers
输入“/”快速插入内容
Hello World 扩展程序 | Chrome Extensions | Chrome for Developers
Hello World 扩展程序 | Chrome Extensions | Chrome for Developers
用户3865用户38652024年9月3日修改
⏰ 剪存时间：2024-09-03 17:17:02 (UTC+8)
通过构建您的第一个 Hello World 扩展程序，了解 Chrome 扩展程序开发的基础知识。
概览
您将创建一个“Hello World”在本地加载扩展程序、查找日志并探索其他建议。
Hello World
当用户点击扩展程序工具栏图标时，此扩展程序将显示“Hello Extensions”。
<ph type="x-smartling-placeholder">
</ph>
<ph type="x-smartling-placeholder"></ph> Hello Extension 弹出式窗口
接下来，在此目录中创建一个名为 manifest.json 的新文件。此 JSON 文件描述了扩展程序的 功能和配置例如，大多数清单文件都包含 "action" 键，用于声明 Chrome 应用作扩展程序操作图标的图片，以及 。
代码块
{
"manifest_version": 3,
"name": "Hello Extensions",
"description": "Base Level Extension",
"version": "1.0",
"action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
对于弹出式窗口，创建一个名为 hello.html 的文件，并添加以下代码：
代码块
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
现在，当用户点击的操作图标（工具栏图标）时，该扩展程序会显示一个弹出式窗口。您可以 将其加载至本地确保所有文件均已保存。
加载未封装的扩展程序
要在开发者模式下加载已解压的扩展程序，请执行以下操作：
1.
在新标签页中输入 chrome://extensions ，转到“扩展程序”页面。（根据设计， chrome:// 网址不可链接。）
◦
或者，点击“扩展程序”菜单谜题按钮，然后选择菜单底部的 管理扩展程序 。
◦
或者，点击 Chrome 菜单，将光标悬停在 更多工具 上，然后选择 扩展程序 。
2.
点击 开发者模式 旁边的切换开关以启用开发者模式。
3.
点击 Load unpacked 按钮，然后选择扩展程序目录。 <ph type="x-smartling-placeholder"></ph>