Estoy creando un botón en javascript y agregándolo a una página HTML
let dropDownButton = document.createElement('button'); dropDownButton.style.background = "url(/48.png)"; dropDownButton.style.width = size+"px"; dropDownButton.style.height = size+"px"; given.append(dropDownButton); Siendo 48.png el archivo local que quería incrustar. Actualmente, este código funciona en una página HTML que declaré (creada y declarada en el manifiesto) pero no funciona en una página web (por ejemplo, Twitter, siendo el último botón vacío el que añadí).
¿Por qué está pasando esto? ¿Puedo arreglarlo o simplemente volver a insertar un elemento img dentro de un botón?
Espera, lo arreglé. Simplemente codifique el método chrome.runtime.getURL para obtener el archivo local en la sintaxis de url()
Entonces, en lugar de
dropDownButton.style.background = "url(48.png)";
usar
dropDownButton.style.background = "url("+chrome.runtime.getURL('48.png')+")";
