Javascript 使用Chrome扩展插件将按钮插入Google文档

Javascript 使用Chrome扩展插件将按钮插入Google文档,javascript,html,google-chrome,google-chrome-extension,Javascript,Html,Google Chrome,Google Chrome Extension,我正在编写一个Chrome扩展,我想在Google文档中插入一个按钮,而不是浏览器工具栏上的按钮 我不知道如何使用Chrome扩展在Google文档工具栏中插入一个按钮。具体来说,如何将按钮插入到Google文档工具栏中,而不是创建对话框或类似的东西?(我知道如何在content.js文件中执行后者) 这里有一个指向另一个Chrome扩展的链接,它在Google文档工具栏中插入了一个按钮,正如我正在尝试的那样:我通过查看我在问题中链接的扩展名的content.js文件,最终找到了答案 在Chro

我正在编写一个Chrome扩展,我想在Google文档中插入一个按钮,而不是浏览器工具栏上的按钮

我不知道如何使用Chrome扩展在Google文档工具栏中插入一个按钮。具体来说,如何将按钮插入到Google文档工具栏中,而不是创建对话框或类似的东西?(我知道如何在content.js文件中执行后者)


这里有一个指向另一个Chrome扩展的链接,它在Google文档工具栏中插入了一个按钮,正如我正在尝试的那样:

我通过查看我在问题中链接的扩展名的content.js文件,最终找到了答案

在Chrome扩展名的content.js文件中,创建一个按钮并定义按钮的HTML:

var $my_button = $('<div role="button" class="goog-inline-block jfk-button jfk-button-standard docs-titlebar-button">My button</div>');
这创建了一个漂亮的按钮,如下所示:


应用程序脚本与Chrome应用程序完全无关。请看@levi,它可能不起作用,因为谷歌不让扩展插件在谷歌网站页面中插入脚本。我知道这是可能的,因为(例如)这个扩展插件在文档工具栏中插入了一个按钮:就像我说的,应用程序脚本与Chrome应用程序或Chrome扩展无关。应用程序脚本是服务器端扩展,Chrome应用程序/扩展是客户端。您的示例确实添加了一个按钮,但与应用程序脚本无关。那么你期望得到什么样的答案呢?
$my_button.prependTo($('.docs-titlebar-buttons'));