在 Chrome Extension 中加载 Background 文件夹

如何用3个步骤快速学习使用Chrome Extension #

在学习Chrome Extension之前，你需要了解背景页。它是一个常驻在Chrome后台的页面，只有浏览器关闭后它才会关闭，常被用来存放需要一直运行的和全局代码。现在，让我们加载background文件夹来学习。

了解了基本概念后，让我们一起完成配置：

1. 配置background

   • 打开manifest.json文件，在“background”属性下设置“service_worker”为true。
   • 在background.js文件中，导出一个名为onInstalled的函数，并在其中注册一个监听器。
   • 在onInstalled监听器中，调用chrome.tabs.create函数来创建一个新的标签页。

2. 创建弹出页面

   • 打开popup.html文件，并添加一个按钮元素。
   • 在popup.js文件中，为按钮元素添加一个事件监听器。
   • 在事件监听器中，调用chrome.tabs.sendMessage函数来向内容脚本发送消息。

3. 创建内容脚本

   • 打开content_script.js文件，并添加一个事件监听器。
   • 在事件监听器中，调用chrome.runtime.onMessage.addListener函数来监听来自弹出页面的消息。
   • 在事件监听器中，使用chrome.tabs.executeScript函数来执行一段JavaScript代码。

完成以上步骤后，你就能快速使用 Chrome Extension 了。但以上只讲解了最基础的学习内容，更多高级知识还需要深入研究。

使用 background 文件夹可以将需要一直运行的和全局代码放在里面。要加载 background 文件夹，你需要打开 manifest.json 文件，并在 "background" 属性下设置 "service_worker" 为 true。然后，在 background.js 文件中，导出一个名为 onInstalled 的函数，并在其中注册一个监听器。在 onInstalled 监听器中，调用 chrome.tabs.create 函数来创建一个新的标签页。