谷歌插件开发页面UI层有一个按钮点击按钮如何动态切换国际化

谷歌插件开发页面UI层有一个按钮点击按钮如何动态切换国际化

<div @click.stop="changeLocale">改变语言</div>

const changeLocale = () => {
  }

可以动态切换国际化语言

我的解答思路和尝试过的方

试图尝试修改Accept-Language

function replaceHeader (user_agent, requestHeaders) {

  console.log("1111");
  var newHeaders = [];
  for (var i = 0; i < requestHeaders.length; i++) {
    console.log(requestHeaders[i].name);
    if (requestHeaders[i].name == "User-Agent")
      newHeaders.push({
        name: "User-Agent", value: "Mozilla/5.0 (MSIE 10.0; Windows NT 6.1; Trident/5.0)"
      });
    else {

      newHeaders.push(requestHeaders[i]);
    }
  }
  newHeaders.push({
    name: "User-Agent11", value: "45465"
  });
  newHeaders.push({
    name: "Accept-Language", value: "en-US,en;q=0.5"
  });
  console.log(newHeaders);
  return newHeaders;
}

export function updateListeners () {
  let listener = null

  if (!listener) listener = function (details) {

    //console.log(details);
    var header_map = {
      requestHeaders: details.requestHeaders
    };
    if (details && details.url && details.requestHeaders && details.requestHeaders.length > 0) {

      header_map = {
        requestHeaders: replaceHeader("Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.37", details.requestHeaders)
      };
    }
    return header_map;
  };
  chrome.webRequest.onBeforeSendHeaders.addListener(listener, {
    "urls": ["<all_urls>"]
  }, ["requestHeaders", "blocking", "extraHeaders"]);
}

我想要达到的结果

可以动态切换国际化语言