keywords: 翻譯 API，Chrome 插件，Google Translate，API 調(diào)用，翻譯功能

description: 學(xué)習(xí)如何在 Chrome 插件中選擇并設(shè)置翻譯 API，使用內(nèi)容腳本調(diào)用 API，顯示翻譯結(jié)果。包含 Google Translate 和其他免費(fèi)翻譯 API 的詳細(xì)步驟。

在這一章中，我們將學(xué)習(xí)如何選擇合適的翻譯 API，并且設(shè)置 API 訪(fǎng)問(wèn)權(quán)限，使用內(nèi)容腳本調(diào)用翻譯 API 并顯示結(jié)果。這個(gè)章節(jié)將重點(diǎn)講解如何在 Chrome 插件中實(shí)現(xiàn)在線(xiàn)翻譯功能。

Google Translate API 是一個(gè)常用的翻譯 API，支持多種語(yǔ)言。它的主要優(yōu)點(diǎn)是準(zhǔn)確性高，覆蓋語(yǔ)言廣泛。但是，這個(gè) API 是收費(fèi)的，需要先創(chuàng)建一個(gè) Google Cloud 項(xiàng)目，并啟用翻譯 API。

還有一些免費(fèi)的翻譯 API，比如：

• LibreTranslate
• MyMemory Translation API
• Yandex.Translate API

我們可以根據(jù)自己項(xiàng)目的需求和預(yù)算選擇合適的翻譯 API。

以 Google Translate API 為例，首先我們需要獲取 API Key：

1. 訪(fǎng)問(wèn) Google Cloud Console
2. 創(chuàng)建一個(gè)新的項(xiàng)目或者使用已有項(xiàng)目。
3. 導(dǎo)航到“API 和服務(wù)” -> “啟用 API 和服務(wù)”，搜索并啟用“Cloud Translation API”。
4. 在“憑據(jù)”標(biāo)簽下，點(diǎn)擊“創(chuàng)建憑據(jù)” -> “API 密鑰”。
5. 復(fù)制生成的 API Key。

將獲取的 API Key 保存到項(xiàng)目中：

將以上 JSON 文件保存為 。

在 中，編寫(xiě)一個(gè)函數(shù)來(lái)調(diào)用翻譯 API。以下是調(diào)用 Google Translate API 的示例代碼：

在 中，監(jiān)聽(tīng)用戶(hù)的選擇操作，并調(diào)用翻譯函數(shù)：

為了在頁(yè)面上顯示翻譯結(jié)果，我們可以創(chuàng)建一個(gè)簡(jiǎn)單的提示框：

在 中添加提示框樣式：

在 中編寫(xiě)顯示提示框的代碼：

通過(guò)上述步驟，我們實(shí)現(xiàn)了調(diào)用翻譯 API 并在頁(yè)面上顯示翻譯結(jié)果的功能。