javascript - 使用谷歌翻译开发谷歌浏览器扩展-6ren

javascript - 使用谷歌翻译开发谷歌浏览器扩展

转载作者：行者123 更新时间：2023-11-29 10:49:24

25

4

您好，我正在开发 Google Chrome 扩展程序:
它是一个使用 Google 翻译 API 的字典，
当用户在页面上选择文本时，我希望出现一个弹出窗口并显示所选文本的定义，

我的 js 文件中有这段代码:

var req = new XMLHttpRequest();
req.open(
    "GET",
    "https://www.googleapis.com/language/translate/v2?" +
    "format=html" +
    "q=" + get_text_selection() + // Source Text
"source=en&" + // Source Language
"target=fa&" + // Target Language
true);
req.send(null);

function get_text_selection() {

    if (window.getSelection)

    return window.getSelection();

    if (document.getSelection)

    return document.getSelection();

    if (document.selection)

    return document.selection.createRange().text;

    return '';

}

我的 Manifest.json 文件中的这段代码:

{
  "name": "Google Translator",
  "version": "1.0",
  "manifest_version": 2,
  "description": "This Extention helps you to translate text in your page",
  "browser_action": {
    "default_icon": "Dictionary-Book-icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [ "http://*/*", "https://*/*", "tabs" ]
}

我的 html 文件中的这段代码:

<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style>
      body {
        min-width:357px;
        overflow-x:hidden;
      }

    </style>
    <!-- JavaScript and HTML must be in separate files for security. -->
    <script src="popup.js"></script>
  </head>
  <body>
  </body>
</html>

但它不起作用？
我的问题在哪里？
感谢您的建议。

最佳答案

首先 Google Translate API 是一个 paid service现在。要使用 Google Translate API，您需要从 Google 获取一个 API key ，您可以从 here 获得更多信息。 .在您获得 API key 之后，您的 url 应该是这样的

"https://www.googleapis.com/language/translate/v2?key=INSERT-YOUR-KEY&source=en&target=fa&q=Hello%20world" // "Hello world" is query here

你的情况

"https://www.googleapis.com/language/translate/v2?key=INSERT-YOUR-KEY" + "&format=html" + "&source=en" +"&target=fa" + "&q=" + get_text_selection()

使用以下请求(使用浏览器地址栏中的有效 key )

"https://www.googleapis.com/language/translate/v2?key=my_valid_key&format=html&q=home&source=en&target=fa" // I've replaced my key with my_valid_key

我得到了这个结果

{  "error": {   "errors": [    {
    "domain": "usageLimits",
    "reason": "dailyLimitExceeded",
    "message": "Daily Limit Exceeded"    }   ],
    "code": 403,   
    "message": "Daily Limit Exceeded"  
  }
}

Google Translate API no longer free和 Translate API FAQ .

关于javascript - 使用谷歌翻译开发谷歌浏览器扩展，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13386637/

25

4

0

文章推荐： php - 我无法解决的 MySQL 错误

文章推荐： mysql - 改进在 mySQL 上运行的 SQL 查询

linux -/开发/端口与/开发/内存
我需要一些说明。我可以直接写入 /dev/port 以直接访问并行端口并且它工作正常(我可以打开插入端口连接器的 LED)。但是，我想我可以用 /dev/mem 做同样的事情？ (http://tld
c# iPhone 开发 vs objective c iPhone 开发
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
c# - 用 C++ 开发 Win32 应用程序比用 C# 开发 .NET 应用程序有什么优势？
我使用 Visual C++ 和 Win32 API 学习了 Windows 编程。如今，似乎大多数应用程序都是使用 C# 在 .NET 中开发的。我知道大多数时候 native 代码和托管代码之间没
Java终端-开发
请耐心等待。我正在制作一个 java 控制台，类似于此处找到的 DragonConsole https://code.google.com/p/dragonconsole/ 。一切都按计划进行，但我想
Mac上的c++开发
关闭。这个问题需要更多 focused .它目前不接受答案。想要改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭5年前。 Improve this que
Django 开发。服务器拒绝退出
Django 的开发服务器表现得很奇怪。访问它的浏览器在加载时卡住，任何退出它的尝试都不起作用。当我点击 control c看似相当，但实际上仍在运行。让它退出的唯一方法是重新启动我的电脑，这很令人沮
Flash 开发 - 发布
我正在使用 Flash Develop，并且创建了一个 ActionScript 3.0 项目。它启动并读取一个 xml 文件，其中包含图像的 url。我已将 url 保留在与 swf 相同的文件夹中
embedded - AUTOSAR 开发
是否可以根据其 website 上提供的规范开发 AUTOSAR BSW 堆栈(例如用于 CAN 通信)？不购买任何昂贵的供应商工具？可以遵循哪些步骤？我被要求探索这种可能性。最佳答案是和否。工具
iPhone 开发 - 如何用音频文件的内容覆盖麦克风
有人知道如何用音频文件的内容覆盖 iPhone 麦克风吗？想象一个场景，您正在通话，并且想要播放一些简短的音频让其他人听到。因此，有必要将麦克风(硬件)置于保持状态，并使用委托(delegate)
iPhone 开发 - 当我更改方向时我的应用程序崩溃
我遇到了这个问题，我的应用程序出现 EXC_BAD_ACCESS 错误并卡住/停止。我使用模拟器的“向左旋转”和“向右旋转”选项来模拟方向变化行为。导致此错误的可能原因有哪些？由于我没有获得有关错误的
在许多机器上进行 iPhone 开发
我有超过 1 台 Mac，我想在所有这些 Mac 上进行开发。我知道我需要在每台机器上同步我的手机，但这是我遇到的最小的问题。看起来我无法在手机上运行应用程序，除了在其中之一上开发的应用程序。是否有
iPhone 开发 - 在哪里可以获得应用程序接收到的所有信号及其含义的列表
在手机上测试时，我的应用程序在特定点崩溃。控制台显示此消息 Tue Jan 27 15:47:14 unknown SpringBoard[22] : Application com.myprof.
iPhone 开发 - 限制用户与应用程序的交互并显示进度指示器
我有一个案例，我从服务器获取信息。我的应用程序有一个选项卡栏和导航按钮。我希望应用程序显示进度指示器并禁用所有其他控件，以便用户在从服务器提取数据时无法跳转。我怎样才能实现这个目标？我想到的一种方法
iPhone 开发 - 编译器警告!
有时，当我尝试“构建”/编译下载的源代码时，我会收到以下警告: ld: warning: directory '/Volumes/Skiiing2/CD/ViewBased/Unknown Path/
iPhone 开发 - 开发和分发配置之间有什么区别？
我无法在 Apple 文档中找到关于开发和分发配置之间差异的明确解释。我目前正在使用开发配置在我的 iPhone 上进行开发和测试。我打算将该应用程序分发到我的 Beta 测试中，我想知道: 我需要使
SharePoint 开发/生产环境
我在使用 SharePoint 时遇到的最大挑战之一是它不能很好地适应典型的项目环境，其中至少包含开发和生产环境。我遇到的最多的问题是内容和列表是如此紧密地耦合在一起，以至于如果不在生产环境中执行内容
Eclipse ARM 开发
我失败了fist step让 Eclipse(对我来说是全新的)为 ARM 开发做好准备。我在 Windows 10 中安装了 Eclipse。我想我应该安装 xpm，但我不知道在哪里输入此命令:
c++ - 如何在可视代码中生成调试器以进行c++开发？
首先，我告诉你-我是编码新手我正在使用vs代码来学习c++，它不会产生像dev c++或codeblocks这样的调试器。我看了一些视频，其中我们必须编辑json文件，这对于初学者来说非常复杂。有人
Eclipse ARM 开发
我失败了fist step让 Eclipse(对我来说是全新的)为 ARM 开发做好准备。我在 Windows 10 中安装了 Eclipse。我想我应该安装 xpm，但我不知道在哪里输入此命令:
iOS 开发 - 没有设备的配置文件
我开发了一个 Ionic 应用程序(iOS 和 Android 的混合)。我有 Xcode 8.3.3 并购买了一年的 Apple Developer Program 订阅。我不想测试我的应用并将其

首页

博学

6Ren·AI

商城

javascript - 使用谷歌翻译开发谷歌浏览器扩展