如何基于navigator.language自动翻译RAWG API返回的英文游戏描述

完全可以实现基于navigator.language的自动适配翻译，也支持指定单一语种翻译，以下是两种可直接落地的实现方案：

方案1：浏览器原生Web Translation API实现（无第三方依赖） #

Chromium内核浏览器（Chrome、Edge v115及以上版本）原生内置翻译能力，无需引入外部资源、无跳转，可直接读取navigator.language自动匹配目标语种，代码示例如下：

// 剥离description中的HTML标签，提取纯英文文本
const getPureText = (htmlStr) => {
  const tempNode = document.createElement('div')
  tempNode.innerHTML = htmlStr
  return tempNode.textContent || tempNode.innerText || ''
}
const rawEnglishDesc = getPureText(this.game.description)

// 自动读取浏览器语种，也可手动固定为指定语种如'zh-CN'
const targetLanguage = navigator.language || 'zh-CN'

// 翻译执行函数
const translateGameDesc = async (text, targetLang) => {
  // 兼容不支持原生翻译API的浏览器，fallback返回原文
  if (!window.translation) return text
  const translator = await window.translation.createTranslator({
    sourceLanguage: 'en',
    targetLanguage: targetLang
  })
  return translator.translate(text)
}

// 调用翻译后渲染到页面
translateGameDesc(rawEnglishDesc, targetLanguage).then(translatedText => {
  document.querySelector('#google_translate_element').innerText = translatedText
})

方案2：固定单一语种翻译（全浏览器兼容） #

如果仅需要固定翻译为中文、不需要适配多语种，可以直接部署本地离线翻译库，无需调用外部接口、无站点跳转。
你给出的《孤岛惊魂6》描述的中文翻译结果如下：

欢迎来到亚拉，一个被时间冻结的热带天堂。作为亚拉的独裁者，安东·卡斯蒂约决心不惜一切代价让国家恢复昔日荣光，他的儿子迭戈也正踏着他沾满鲜血的脚步前行。二人的高压统治已经点燃了革命的火种。

加入革命
扮演亚拉本地人丹尼·罗哈斯，成为游击战士解放你的国家。

四分五裂的亚拉
在《孤岛惊魂》系列迄今为止最大的开放世界中对抗安东的部队，作战场景覆盖丛林、海滩以及亚拉首都埃斯佩兰萨。

游击火力
使用自制武器、载具和动物伙伴，彻底推翻安东的残酷政权。

内容的提问来源于stack exchange，提问作者sama BARI