使用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

回答