+
+4. 在浏览器中加载生成的 `extension/` 文件夹
+
+每次修改后，您需要单击 [Reload Extensions](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) 按钮并刷新页面以确保应用更改。
+
+#### 构建 (Chrome or Edge)
+
+要构建拓展程序，运行
+
+```bash
+pnpm build
+```
+
+然后打包到 `extension` 文件夹
+
+### 开发 (Firefox)
+
+1. 运行 pnpm 命令
+
+```bash
+# 安装依赖
+pnpm install
+
+# 运行项目
+pnpm dev
+```
+
+2. 在浏览器输入 `about:addons` 之后点击 `Extensions` 然后 `Debug Add-ons`
+
+
+4. 在瀏覽器中載入生成的 `extension/` 資料夾
+
+每次修改後，您需要點選 [Extensions Reloader](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) 按鈕，然後重新整理頁面，以確保更改生效。
+
+#### 建置（Chrome 或 Edge）
+
+建置此擴充功能，需要執行以下指令
+
+```bash
+pnpm build
+```
+
+然後打包 `extension` 下的檔案
+
+### 開發（Firefox）
+
+1. 執行 pnpm 命令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 運行專案
+pnpm dev
+```
+
+2. 在瀏覽器中輸入 `about:addons`，點擊 `Extensions` 然後 `Debug Add-ons`
+
+
+4. 喺瀏覽器度載入產生嘅 `extension/` 資料夾
+
+每一次執過 code 之後，你都要撳 [Extensions Reloader](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) 粒掣，然之後 refresh 個 page，確保係有效果。
+
+#### 建立（Chrome 或 Edge）
+
+建置延新功能，要執行下底嘅指令
+
+```bash
+pnpm build
+```
+
+然之後打包 `extension` 下嘅檔案
+
+### 開發（Firefox）
+
+1. 執行 pnpm 指令
+
+```bash
+# 安裝依賴
+pnpm install
+
+# 運行專案
+pnpm dev
+```
+
+2. 喺瀏覽器度輸入 `about:addons`，撳 `Extensions` 然之後 `Debug Add-ons`
+
+
+4. Load the generated `extension/` folder in the browser
+
+After each modification, you need to click the [Reload Extensions](https://chromewebstore.google.com/detail/extensions-reloader/fimgfedafeadlieiabdeeaodndnlbhid) button and refresh the page to apply the changes.
+
+#### Building (Chrome or Edge)
+
+To build the extension, run
+
+```bash
+pnpm build
+```
+
+Then package it to the `extension` folder
+
+### Development (Firefox)
+
+1. Run the pnpm command
+
+```bash
+# Install dependencies
+pnpm install
+
+# Run the project
+pnpm dev
+```
+
+2. In the browser, enter `about:addons`, click on `Extensions` and then `Debug Add-ons`
+