Расширение Firefox: Добавить javascript на веб-страницу

Question

Im работает над расширением FireFox, которое прослушивает OnStateChange. Когда текущий документ был загружен, он должен вставить скрипт на страницу, и он должен иметь возможность вызывать скрипт на событие кнопки.

Теперь я могу добавить кнопку для всех веб-страниц с помощью:

nsCOMPtr<nsIDOMElement> NewInputElementTest; 
rv = htmlDoc->CreateElement(NS_LITERAL_STRING("input"),getter_AddRefs(NewInputElementTest)); 

rv = NewInputElementTest->SetAttribute(NS_LITERAL_STRING("type"),NS_LITERAL_STRING("button")); 

rv = NewInputElementTest->SetAttribute(NS_LITERAL_STRING("value"),NS_LITERAL_STRING("hummer")); 

rv = body->AppendChild(NewInputElementTest,getter_AddRefs(AddedNewInputElement2)); 

The button is displayed correctly. 


I wish to use the same procedure to add a SCRIPT to the page, like so: 

rv = htmlDoc->CreateElement(NS_LITERAL_STRING("script"),getter_AddRefs(NewInputElement)); 
rv = NewInputElement->SetAttribute(NS_LITERAL_STRING("type"),NS_LITERAL_STRING("text/javascript")); 
rv = NewInputElement->SetAttribute(NS_LITERAL_STRING("text"),NS_LITERAL_STRING("alert('hello world!')")); 
rv = body->AppendChild(NewInputElement,getter_AddRefs(AddedNewInputElement)); 

Все функции возвращают успех, но ни один скрипт не будет добавлен на страницу. Предупреждение не отображается, и если я вставляю функцию и вызываю ее из кнопки button.onclick, тогда журнал FireFox показывает, что функция недоступна.

Если я использую ту же самую процедуру из javascript внутри html-страницы, то она работает, и появляется предупреждение.

Нужно ли мне что-либо делать, чтобы включить сценарий из моего расширения или почему сценарий недоступен с помощью кнопки или где-либо еще?

Благодаря

Answer 1

Я не хочу сказать это после того, как вы создали кучу кода, но проверить Greasemonkey: https://addons.mozilla.org/en-US/firefox/addon/748

Это, вероятно, обрабатывать много вашей работы для вас.

Answer 2

Да, звучит так, будто вы пытаетесь изобрести колесо. Используйте Greasemonkey, как предложил Орен.

Вот сценарий Greasemonkey, который я использую для загрузки внешней инфраструктуры JS (Prototype и Scriptaculous в этом случае), загружает любое количество внешних файлов (js и css) на страницу.

// ==UserScript== 
// @name   External Loader 
// @namespace  http://ifelse.org 
// @description Loads external JS and CSS 
// @include  http://*.yoursitedomainetc.com/* 
// ==/UserScript== 

var hasPrototype = ('Prototype' in unsafeWindow); 
var hasEffects = ('Effect' in unsafeWindow); 

function _require(url, isCSS) { 
    if (isCSS) { 
     var script = document.createElement('link'); 
     script.setAttribute('type', 'text/css'); 
     script.setAttribute('rel', 'stylesheet'); 
     script.setAttribute('href', url); 
    } else { 
     var script = document.createElement('script'); 
     script.setAttribute('type', 'text/javascript'); 
     script.setAttribute('charset', 'UTF-8'); 
     script.src = url; 
    } 
    document.getElementsByTagName('head')[0].appendChild(script); 
} 

// Load prototype; shouldn't get here because it is already on the page 
if (!hasPrototype) { 
    _require('http://path.com/to/prototype/1.6.0.2/prototype.js'); 
} 

// Load scriptaculous effects if it's not already loaded 
if (!hasEffects) { 
    _require('http://path.com/to/scriptaculous/1.8.1/effects.js'); 
} 

// Add greasemonkey ajax object 
// Copies format of Prototype Ajax.Request to 
// Allow to easily swap out at a later point (i.e. no longer FF plugin) 
unsafeWindow.Remote = new Object; 
unsafeWindow.Remote.Ajax = function(url, options) { 
    if (options.onCreate) { 
     options["onCreate"](); 
    } 

    var request = { 
     method: options.method || 'get', 
     url: url + ('?' + unsafeWindow.Object.toQueryString(options.parameters) || ''), 
     onload: function(response) { 
      if (response.status == 200) 
      options["onComplete"](response); 
      options["onSuccess"](); 
     }, 
     onerror: options.onFailure || null 
    }; 
    window.setTimeout(GM_xmlhttpRequest, 0, request); 
}; 

// Load these External files 
_require('http://path/to/anything/and/dont/cache/it.js' + '?cache=' + (new Date()).getTime()); 
_require('http://paht/to/something/else.css', true); 
}