使用Chrome扩展程序将按钮插入Google文档

我正在编写Chrome扩展程序，而不是在浏览器工具栏中有按钮，我想将按钮插入Google文档。使用Chrome扩展程序将按钮插入Google文档

我无法弄清楚如何使用Chrome扩展插件将按钮插入Google文档工具栏。具体来说，如何将按钮注入Google文档工具栏，而不是创建对话框或类似的东西？（我知道如何在我的content.js文件中完成后者）。

这里是另一个Chrome扩充功能，注入一个按钮到谷歌文档工具栏上的链接，因为我试图做的事：https://chrome.google.com/webstore/detail/draftback/nnajoiemfpldioamchanognpjmocgkbg?hl=en-US

Google Apps脚本有绝对无关，与Chrome应用。 – Xan

看到https://developer.chrome.com/extensions/content_scripts – levi

@levi它可能不会工作，因为谷歌不让扩展在谷歌网站页面注入脚本 –

我最终通过查看的该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>');

类定义使用谷歌文档的CSS类（我发现想模拟），以便它与标题栏混合。

然后，使用“.prependTo”将按钮注入Google文档标题栏。

$my_button.prependTo($('.docs-titlebar-buttons'));

这创造了一个漂亮的按钮，看起来像这样：

2015-10-21 21:46:48 user2859994

回答