Chrome 扩展清单 v3 中的 Azure 认知服务 sdk 实现

Question

我在 Chrome 扩展应用程序中从 MV2 迁移到 MV3 时遇到问题。 使用 MV2，通过 html 文件在 background.js 文件中实现 azure 库一切正常。 但是随着 MV3 和 background.js 文件成为服务工作者，我尝试了一些方法来使我的应用程序正常运行，但没有结果。

根据文档，我将清单文件中的后台部分切换为：

"background": {
        "service_worker": "background.js",
        "type": "module"
    },

我通过 https://github.com/microsoft/cognitive-services-speech-sdk-js

但是当我尝试像这样将其导入background.js时：

import * as SpeechSDK from './distrib/es2015/microsoft.cognitiveservices.speech.sdk.js';
var speechConfig = SpeechSDK.SpeechConfig.fromSubscription(
  "key",
  "region"
);
speechConfig.speechRecognitionLanguage = "fr-FR";
speechConfig.outputFormat = SpeechSDK.OutputFormat.Detailed;

我收到错误“Service Worker 注册失败”和“获取脚本时发生未知错误”。 我根据这篇文章尝试了多种方法，例如使用包装器或 importScripts 函数： chrome 扩展 mv3 - 模块化服务工作线程 js 文件 但它们都不适合我。 您知道如何在 chrome 扩展 MV3 中使用 azure 认知服务吗？ 提前致谢 ！

Answer 1

1. 热权限：

在MV3中需要单独提及热权限。按照下面的代码块提及热权限。

// Manifest V3
"permissions": [
  "tabs",
  "bookmarks"
],
"optional_permissions": [
  "unlimitedStorage"
],
"host_permissions": [
  "http://www.blogger.com/",
  "*://*/*"
],

2. CSP（内容安全策略）：

检查 CSP 标头代码块。

// Manifest V3

"content_security_policy": {
  "extension_pages": "...",
  "sandbox": "..."
}

3. Action API 统一：

background.js 中的 MV2 和 MV3 实现存在细微差别。

// Manifest V3

// manifest.json
{
  "action": { … }
}


// background.js
chrome.action.onClicked.addListener(tab => { … });

为了获得更好的参考，请查看以下文档。

https://developer.chrome.com/docs/extensions/mv3 /简介/mv3-迁移/