Dostęp do zmiennych z Greasemonkey do strony i odwrotnie

Question

Mam następujący kod w test.js który jest prowadzony tuż przed </body>:

alert('stovetop'); 
alert(greasy); 

Mam następujący kod w test.user js:

(function() { 

    'use strict'; 
    var greasy = 'greasy variable'; 
    document.title = 'greasy title'; 

}()); 

„stovetop” zostanie powiadomiony więc wiem stronę javascript działa i document.title wystąpią zmiany, więc wiem, że skrypt javascript działa. Jednakże, na stronie pojawia się błąd:

Error: ReferenceError: greasy is not defined Source File: /test.js

Jak od strony mogę uzyskać dostęp do zmiennej ustawiony przez Greasemonkey i jak o odwrotnie?

Answer 1

• Greasemonkey skrypty działają w odrębnym zakresie i może także działać w piaskownicy, w zależności od @grant settings.

• Ponadto kod zapytania izoluje greasy w zakresie funkcji (jak powiedział gladoscc).

• Wreszcie domyślnie test.js zadziała zanim Greasemonkey skrypt robi, więc nie będzie widać żadnych ustawić zmienne, tak. Użyj adresu @run-at document-start, aby rozwiązać ten problem.

więc, biorąc pod uwagę to test.js, prowadzony tuż przed </body>:

window.targetPages_GlobalVar = 'stovetop'; 

console.log ("On target page, local global: ", targetPages_GlobalVar); 
console.log ("On target page, script global: ", gmScripts_GlobalVar); 

Następnie dodaje zadziała:

No piaskownicy:

// ==UserScript== 
// @name  _Greasemonkey and target page, variable interaction 
// @include  http://YOUR_SERVER.COM/YOUR_PATH/* 
// @include  http://jsbin.com/esikut/* 
// @run-at  document-start 
// @grant  none 
// ==/UserScript== 

//--- For @grant none, could also use window. instead of unsafeWindow. 
unsafeWindow.gmScripts_GlobalVar = 'greasy'; 

console.log ("In GM script, local global: ", unsafeWindow.targetPages_GlobalVar); 
console.log ("In GM script, script global: ", gmScripts_GlobalVar); 

window.addEventListener ("DOMContentLoaded", function() { 
    console.log ("In GM script, local global, after ready: ", unsafeWindow.targetPages_GlobalVar); 
}, false); 

Z piaskownicy, bez zakres funkcji, unsafeWindow:
== > Ważna aktualizacja:Greasemonkey changed unsafeWindow handling with version 2.0, the next sample script will not work with GM 2.0 or later. Pozostałe dwa rozwiązania nadal działają.

// ==UserScript== 
// @name  _Greasemonkey and target page, variable interaction 
// @include  http://YOUR_SERVER.COM/YOUR_PATH/* 
// @include  http://jsbin.com/esikut/* 
// @run-at  document-start 
// @grant GM_addStyle 
// ==/UserScript== 
/*- The @grant directive is needed to work around a design change 
    introduced in GM 1.0. It restores the sandbox. 
*/ 

unsafeWindow.gmScripts_GlobalVar = 'greasy'; 

console.log ("In GM script, local global: ", unsafeWindow.targetPages_GlobalVar); 
console.log ("In GM script, script global: ", unsafeWindow.gmScripts_GlobalVar); 

window.addEventListener ("DOMContentLoaded", function() { 
    console.log ("In GM script, local global, after ready: ", unsafeWindow.targetPages_GlobalVar); 
}, false); 

Z piaskownicy, bez zakres funkcji, Script wtrysku:

// ==UserScript== 
// @name  _Greasemonkey and target page, variable interaction 
// @include  http://YOUR_SERVER.COM/YOUR_PATH/* 
// @include  http://jsbin.com/esikut/* 
// @run-at  document-start 
// @grant  GM_addStyle 
// ==/UserScript== 
/*- The @grant directive is needed to work around a design change 
    introduced in GM 1.0. It restores the sandbox. 
*/ 

function GM_main() { 
    window.gmScripts_GlobalVar = 'greasy'; 

    console.log ("In GM script, local global: ", window.targetPages_GlobalVar); 
    console.log ("In GM script, script global: ", window.gmScripts_GlobalVar); 

    window.addEventListener ("DOMContentLoaded", function() { 
     console.log ("In GM script, local global, after ready: ", window.targetPages_GlobalVar); 
    }, false); 
} 

addJS_Node (null, null, GM_main); 

function addJS_Node (text, s_URL, funcToRun, runOnLoad) { 
    var D         = document; 
    var scriptNode       = D.createElement ('script'); 
    if (runOnLoad) { 
     scriptNode.addEventListener ("load", runOnLoad, false); 
    } 
    scriptNode.type       = "text/javascript"; 
    if (text)  scriptNode.textContent = text; 
    if (s_URL)  scriptNode.src   = s_URL; 
    if (funcToRun) scriptNode.textContent = '(' + funcToRun.toString() + ')()'; 

    var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement; 
    targ.appendChild (scriptNode); 
} 

---

Uwagi:

1. można przetestować te skrypt przeciwko this page (jsbin.com/esikut).
2. Bez piaskownicy, unsafeWindow i window są takie same.

3. Wszystkie te skrypty wytwarzają taką samą moc na konsoli:

   In GM script, local global: undefined 
   In GM script, script global: greasy 
   On target page, local global: stovetop 
   On target page, script global: greasy 
   In GM script, local global, after ready: stovetop 
   

4. Script kod wtryskowa będzie działać w różnych przeglądarkach oprócz Firefoksa. unsafeWindow obecnie działa tylko w Firefox + Greasemonkey (lub Scriptish) lub Chrome + Tampermonkey.

Answer 2

Twoja zmienna greasy jest zdefiniowana w zakresie funkcji anonimowej. Nie możesz uzyskać dostępu do greasy nawet w swoim userpadzie, chyba że jest to część funkcji. Przykład:

(function(){ 
    var foo = 5; 
    alert(foo); 
}(); 
alert(foo); //ERROR, because foo is undefined outside of the function. 

zrobić to w ten sposób:

var foo = 5; 
(function(){ 
    alert(foo); 
}(); 
alert(foo); 

także, dlaczego umieszczenie wszystkich kod w anonimowej funkcji, a następnie je wykonuje?