window.onloadはFirefox + Greasemonkeyスクリプトでは動作しますが、Chromeのuserscriptでは動作しませんか？

Question

通常通りのJavaScriptファイルを含むページhttp://example.com/1.phpがあります：

<script type="text/javascript" src="/util.js?1354729400"></script> 

このファイルには、私は私のuserscriptで使用する必要がexampleFunctionという名前の関数が含まれています。私はそれを動作させるにはどうすればよい

Uncaught ReferenceError: exampleFunction is not defined 

：Firefoxで完璧に動作し、Chromeでエラーを返します

// ==UserScript== 
// @name   SomeName 
// @namespace  http://example.com/userscripts 
// @description Greets the world 
// @include  http://example.com/* 
// ==/UserScript== 
window.onload = function() { 
     console.log(exampleFunction); 
     alert("LOADED!"); 
} 

： はまた、私はユーザースクリプトを持っていますか？

Answer 1

exampleFunctionが未定義の理由は、Chromeのuserscriptがサンドボックス（"isolated world"）で動作するためです。 Greasemonkeyスクリプトはサンドボックスでも動作することがよくありますが、現在はです。はan implicit @grant noneで実行されています。
スクリプトでGM_機能を使用する場合は、Firefoxでも機能しなくなります。

このスクリプトを両方のブラウザ（およびほかのいくつかのブラウザ）で動作させるには、スクリプトインジェクションsimilar to this answerを使用してください。

でも、スクリプトにはwindow.onloadが使用されているため、別の問題があります。 Chrome userscripts, with the default execution start-mode, will often never see the onload event.

これを回避するには、// @run-at document-endをメタデータブロックに追加します。

ので、スクリプトは次のようになります。

// ==UserScript== 
// @name   SomeName 
// @namespace  http://example.com/userscripts 
// @description  Greets the world 
// @include   http://example.com/* 
// @run-at   document-end 
// @grant   none 
// ==/UserScript== 

function GM_main() { 
    window.onload = function() { 
     console.log(exampleFunction); 
     alert("LOADED!"); 
    } 
} 

addJS_Node (null, null, GM_main); 

//-- This is a standard-ish utility function: 
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); 
} 

Answer 2

大括弧でexamplefunctionを呼び出してみましたか？ :)このよう ：あなたはクロームコンソールでそれをしようとした場合

console.log(exampleFunction()); 

は、関数を呼び出すために括弧を追加する必要があります。

Answer 3

ページ上のすべてのイメージがロードされているまで発火しない、onLoadと同等にしたい場合は、あなたがあなたのメタデータブロックに// @run-at document-idleを使用したいです。デフォルトのdocument-endは、DOMがロードされると起動します。document.readyに相当します。