制御できない HTML ページを使用しています。インライン<script>タグで Javascript 関数を定義し、次のように呼び出します<body onload="...">。
<html>
...
<body onload="init()">
<script type="text/javascript" language="javascript">
function init() {
...
}
</script>
...
呼び出される前にその関数を変更するにはどうすればよいですか? Greasemonkey を使用してスクリプトを変更するか、その直後に別のスクリプトを挿入して関数をオーバーライドしようとしましたが、効果がないようです。
Greasemonkey は、通常、beforescriptexecuteイベントと@run-at document-start. Firefox のみがそのイベントをサポートしているように見えるため、これは Chrome では機能しないことに注意してください。より退屈なアプローチについては、こちらとこちらを参照してください。
init()呼び出される前にその関数を変更するには、checkForBadJavascripts()以下で定義されている関数を利用します。
次のように呼び出します。
//--- New "init" function to replace the bad one.
function init () {
//... Do what you want here...
}
checkForBadJavascripts ( [
[false, /function\s+init(/, function () {addJS_Node (init);} ]
] );
ターゲットとするタグfunction\s+init(に固有である必要があります。(以下でも定義され<script>ていることに注意してください。)addJS_Node()
たとえば、jsBin のこのページにアクセスしてください。3 行のテキストが表示され、そのうちの 2 行は JS によって追加されています。
次に、次のスクリプトをインストールして、ページに再度アクセスします。GM スクリプトが 1 つの不適切な<script>タグを削除し、別のタグを「適切な」JS に置き換えたことがわかります。
// ==UserScript==
// @name _Replace evil Javascript
// @include http://output.jsbin.com/tezoni*
// @run-at document-start
// @grant none
// ==/UserScript==
/****** New "init" function that we will use
instead of the old, bad "init" function.
*/
function init () {
var newParagraph = document.createElement ('p');
newParagraph.textContent = "I was added by the new, good init() function!";
document.body.appendChild (newParagraph);
}
/*--- Check for bad scripts to intercept and specify any actions to take.
*/
checkForBadJavascripts ( [
[false, /old, evil init()/, function () {addJS_Node (init);} ],
[true, /evilExternalJS/i, null ]
] );
function checkForBadJavascripts (controlArray) {
/*--- Note that this is a self-initializing function. The controlArray
parameter is only active for the FIRST call. After that, it is an
event listener.
The control array row is defines like so:
[bSearchSrcAttr, identifyingRegex, callbackFunction]
Where:
bSearchSrcAttr True to search the SRC attribute of a script tag
false to search the TEXT content of a script tag.
identifyingRegex A valid regular expression that should be unique
to that particular script tag.
callbackFunction An optional function to execute when the script is
found. Use null if not needed.
*/
if ( ! controlArray.length) return null;
checkForBadJavascripts = function (zEvent) {
for (var J = controlArray.length - 1; J >= 0; --J) {
var bSearchSrcAttr = controlArray[J][0];
var identifyingRegex = controlArray[J][1];
if (bSearchSrcAttr) {
if (identifyingRegex.test (zEvent.target.src) ) {
stopBadJavascript (J);
return false;
}
}
else {
if (identifyingRegex.test (zEvent.target.textContent) ) {
stopBadJavascript (J);
return false;
}
}
}
function stopBadJavascript (controlIndex) {
zEvent.stopPropagation ();
zEvent.preventDefault ();
var callbackFunction = controlArray[J][2];
if (typeof callbackFunction == "function")
callbackFunction ();
//--- Remove the node just to clear clutter from Firebug inspection.
zEvent.target.parentNode.removeChild (zEvent.target);
//--- Script is intercepted, remove it from the list.
controlArray.splice (J, 1);
if ( ! controlArray.length) {
//--- All done, remove the listener.
window.removeEventListener (
'beforescriptexecute', checkForBadJavascripts, true
);
}
}
}
/*--- Use the "beforescriptexecute" event to monitor scipts as they are loaded.
See https://developer.mozilla.org/en/DOM/element.onbeforescriptexecute
Note that it does not work on acripts that are dynamically created.
*/
window.addEventListener ('beforescriptexecute', checkForBadJavascripts, true);
return checkForBadJavascripts;
}
function addJS_Node (text, s_URL, funcToRun) {
var D = document;
var scriptNode = D.createElement ('script');
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;
//--- Don't error check here. if DOM not available, should throw error.
targ.appendChild (scriptNode);
}
次のGreasemonkeyユーザースクリプト（このソースに基づく）が最終的に機能しました。script既存のタグの直後の新しいタグで同じ名前の別の関数を定義することにより、既存の関数をオーバーライドしますscript。いいえ@run-at、またはbeforescriptexecute必要でした。
var firstScript = document.body.getElementsByTagName('script')[0];
var newScript = document.createElement('script');
var scriptArray = new Array();
scriptArray.push('function init() {');
scriptArray.push(' ...');
scriptArray.push('}');
newScript.innerHTML = scriptArray.join('\n');
scriptArray.length = 0; // free this memory
firstScript.parentNode.insertBefore(newScript, firstScript.nextSibling);
私は以前、Greasemonkey や Javascript の経験があまりなかったので、Firefox Web 開発者ツールが不可欠であることがわかりました。具体的には次のとおりです。