ページ-MOD（Firefoxのアドオン）私はアドオンビルダーとFirefoxのアドオンを開発しようとしている

Question

で特定のボタンにonclickのイベントを追加します。

私は、Webベースのメーラのメールエディタを変更したいです。 （次のコードではYahoo!のメールサービスで試しています）

ユーザーが[送信]ボタンを押したときに特定のコードを実行します。

アドオンコードは次のとおりです。

main.js

var self = require("self"); 
var pageMod = require("page-mod"); 


pageMod.PageMod({ 
    include: "*.mail.yahoo.co.jp", 
    contentScriptWhen: 'end', 
    contentScript: "document.getElementById('send_top').setAttribute('onclick', 'alert(\"blabla\")');" 
}); 

電子メールエディタページでボタン：

<input id="send_top" class="inputbutton" type="submit" title="Submit an email" 
     value="Submit" name="action_msg_send" accesskey="9"> 

ユーザーがボタンを "送信" するとき、私は、ダイアログを表示したいです。

Answer 1

あなたのコンテンツスクリプトで正しくのonclickハンドラを追加していないように見えます。代わりに、このようなコードを使用する可能性があります：

document.querySelector('#send_top').onclick = function() { 
    alert('bla bla'); 
} 

ここでアドオンビルダーでこの作業例です：

https://builder.addons.mozilla.org/addon/1048430/latest/

一つの欠点コンテンツのスクリプトコードを追加するcontentScriptプロパティを使用しますデバッグが難しいということです。これを容易にするために、ポインタのカップル：

• 常に「contentScriptFile」を使用し、あなたのアドオンのデータフォルダにある別のJSファイルにコードを記述します。

• テストあなたはツールに行くことによって開くことができるFirefoxの「スクラッチパッド」、開発者ツールを使用してコード - >開発 - >スクラッチパッド。これを行うには：

  • はスクラッチパッド
  • にあなたのJSコードを貼り付け、あなたが
  • オープンスクラッチパッドを変更しているページを開くと、実行するために行く - > [ファイル名を指定して実行は、あなたのコードを実行するために