谷歌浏览器扩展答案

【问题标题】：Google Chrome Extension谷歌浏览器扩展
【发布时间】：2011-04-09 22:15:21
【问题描述】：

我有几个问题需要回答。我正在尝试创建一个 Google Chrome 扩展程序，并且我需要监视每个页面的键盘操作。我添加了一个在页面加载时运行的内容脚本，当您单击键盘快捷键时会显示一个警报。

我想要做的不是警报，而是使用像 fancybox、thickbox 等的东西......但是所有这些都是 jquery 插件，它们向我的 js 文件添加了依赖项。我尝试在我的 js 文件之前启动插件，但它仍然无法正常工作。

我使用

从 manifest.json 文件运行内容脚本

"content_scripts": [ { "matches":["http://*/*", "https://*/*"], "run_at":"document_start", "js":["jquery.simplemodal.1.4.1.min.js", "shortcuts.js"] } ],

我无法执行 js 所在的 HTML 页面我必须使用 js 文件。

所以我想知道的是，是否有一种方法可以包含插件而不将其物理添加到我的文件中，或者是否有一种方法可以调用 js 文件，然后该文件只执行一个 HTML 文件，或者是否有另一个创建一个像fancybox这样的弹出屏幕的方法已经包含在js中。

我的另一个问题是是否有办法将 HTML 嵌入到警报框中（如果我无法弄清楚上述问题，这是一个备份）

最后有人知道 x-webkit-speech 的执行命令吗？我希望命令开始录制，并且不知何故有些人使用了一些命令（没有一个回答我的问题），所以某个地方的某个人比我更了解这个功能。我真的很感谢这方面的帮助，我真的很接近完成我的程序，这是我最后一次回答这些问题的问题，我将能够发布我的扩展程序。请在可以帮助的地方提供帮助

编辑：

你是对的 (JHurrah)，包括 jquery 确实解决了我非常感激的问题。简单而成功我只是假设提供的 jquery 就足够了，但我想每个人都知道当你假设时会发生什么，尤其是在编程时。

NewTang 我已经看过那个网站了，但是我会重新看一下，看看我是否遗漏了什么，谢谢你的帮助

是的，我没有链接编辑和标记，我看了一遍，根本没有看到添加评论按钮...：[

【问题讨论】：

请注意，您还可以使用每个答案下方的 add comment 链接直接评论答案。 :) 这样，其他用户可以更轻松地跟随对话流程，并且问题可以保持简洁和刻薄。

标签： javascript html json api google-chrome-extension

【解决方案1】：

由于 simplemodal 是一个依赖于 jquery 的插件，因此请尝试在清单中包含 jquery，然后再添加其他脚本。

"js":["jquery-1.5.2.min.js", "jquery.simplemodal.1.4.1.min.js", "shortcuts.js"]

【讨论】：

【解决方案2】：

我对你的问题有点困惑，但我会尽力而为。

1) 我想你想问：我可以使用 content_script 来注入 HTML。答案是肯定的，但只能通过 Javascript。所以，你可以有类似的东西：

//using jquery
$("body").append("Hi, I'm on the bottom of the page");

您的 javascript 必须创建或加载要插入页面的 HTML。

2) 不，警告框中没有 HTML。使用 lightbox、thickbox 等你在正确的轨道上。

3) 关于 x-webkit-speech 的资源不多，但也许这可以帮助您继续前进：http://nooshu.com/experimenting-with-webkit-form-speech-input

【讨论】：