Вводная кнопка на сайт (скрипт содержимого Chrome Extension)

Question

Я пытаюсь ввести кнопку на страницу с помощью скриптов содержимого Chrome, но кнопка никогда не появляется, и я не вижу ошибки в консоли.

Мой manifest.json файл:

{ 
    "name": "Test", 
    "version": "0.0.1", 
    "manifest_version": 2, 
    "description": "Test", 
    "default_locale": "en", 
    "permissions": [ 
    "<all_urls>" 
    ], 
    "content_scripts": [ 
    { 
     "matches": [ 
     "<all_urls>" 
     ], 
     "js": [ 
     "src/inject/inject.js" 
     ] 
    } 
    ] 
} 

и мой inject.js файл:

document.addEventListener('DOMContentLoaded', function() { 
    var buttonOnSite = document.getElementById("buttonOnSite"); 
    var button = document.createElement("button"); 
    var text = document.createTextNode("test"); 
    button.appendChild(text); 
    buttonOnSite.appendChild(button); 
}); 

Что я ожидаю от приведенного выше кода, когда я иду к месту, где кнопка с идентификатором buttonOnSite существует , после него создается новая кнопка с текстом test.

Но ничего не происходит, когда я иду на этот сайт с помощью кнопки! Существует определенно кнопка с идентификатором buttonOnSite (я изменил идентификатор здесь, потому что это длинный идентификатор).

В консоли не появляется сообщение об ошибке, так что что случилось? Это, наверное, что-то очевидное, но я просто не вижу этого. Любая помощь приветствуется!

Answer 1

Это код, который нужно:

var buttonOnSite = document.getElementById("buttonOnSite"), 
    parent = buttonOnSite.parentElement, 
    next = buttonOnSite.nextSibling, 
    button = document.createElement("button"), 
    text = document.createTextNode("test"); 

button.appendChild(text); 
if (next) parent.insertBefore(button, next); 
else parent.appendChild(button); 

Answer 2

По умолчанию содержимое скрипты запускаются после DOM загружен. Это означает, что вы добавляете слушателя событий после того, как событие было запущено, поэтому ваш слушатель никогда не слышит его. Удалите первую и последнюю строки вашего javascript.