GM_addElemento equivalente in TamperMonkey

Question

Esiste un TamperMonkey equivalente al metodo GM_addStyle di GreaseMonkey per l'aggiunta di CSS?

In GreaseMonkey, è possibile aggiungere un po 'di proprietà CSS a più elementi in questo modo:

GM_addStyle("body { color: white; background-color: black; } img { border: 0; }"); 

Per fare l'equivalente in TamperMonkey, Attualmente sto avendo a che fare la seguente:

function addGlobalStyle(css) { 
    var head, style; 
    head = document.getElementsByTagName('head')[0]; 
    if (!head) { return; } 
    style = document.createElement('style'); 
    style.type = 'text/css'; 
    style.innerHTML = css; 
    head.appendChild(style); 
} 

addGlobalStyle('body { color: white; background-color: black; }'); 

Questo funziona, ma esiste un equivalente GM_addStyle integrato per TamperMonkey che mi impedisce di doverlo ripetere su ogni script?

Answer 1

Secondo the TamperMonkey documentation, supporta direttamente GM_addStyle, come fa GreaseMonkey. Controlla il tuo includono regole/partita siano corrette, quindi aggiungere il codice demo alla parte superiore del vostro userscript:

GM_addStyle('* { font-size: 99px !important; }'); 
console.log('ran'); 

ho appena provato su un userscript fresca in Chrome 35 e ha funzionato come previsto. Se si dispone di altri @grant rule, sarà necessario aggiungerne uno per questa funzione, altrimenti dovrebbe essere rilevato e concesso automaticamente.

Answer 2

Se GM_addStyle(...) non funziona, controllare se si dispone di intestazione @grant GM_addStyle.

Ti piace questa:

// ==UserScript== 
// @name   Example 
// @description See usercript with grant header. 
// @grant   GM_addStyle 
// ==/UserScript== 

GM_addStyle("body { color: white; background-color: black; } img { border: 0; }"); 

Answer 3

Se qualcuno si interessavano, ho cambiato il codice in modo da non dover scrivere dopo ogni regola CSS "importante!". Ovviamente questo funziona solo se si usa la funzione al posto di GM_addStyle.

function addGlobalStyle(css) { 
    var head, style; 
    head = document.getElementsByTagName('head')[0]; 
    if (!head) { return; } 
    style = document.createElement('style'); 
    style.type = 'text/css'; 
    style.innerHTML = css.replace(/;/g, ' !important;'); 
    head.appendChild(style); 
} 

L'uscita di questo "addGlobalStyle('body { color: white; background-color: black; }');",

sarà "body { color: white !important; background-color: black !important; }');"