全体のやりたいこと
サイト内の通知でフィッシングサイトに遷移してしまうのを抑制するために、サイト内で通知が検知された場合はNotification apiを用いた通知のtitleとbodyの内容、遷移先のurlを取得して、ブラックリスト(.json)と照合して一致した際は通知の処理をオーバーライド、不一致の際はそのまま表示させたい。
質問したいこと
サイト内でNotification API で実装されたものとブラウザ拡張がJavaScriptで同名のメソッドを定義したら後で定義したものに上書きされることは分かったのですが、サイト内で実装された方の title と body をブラウザ拡張で実装したNotificationで拾うことが出来ません。
有識者とやり取りをする機会があったときに言っていたこと
・引数をコピーする必要はありません.元のメソッドに
渡されるはずの引数は,同名のメソッド呼び出しにそのまま渡されます.
・あるWebページを読み込んだ際に,ブラウザ拡張が js を挿入し,
挿入した js には Notification() が定義されています.
そのWebページに Notification オブジェクトが作成された際には,
挿入した Notification() が呼び出されるようになります.
・ですので,Webページのロードが完了した段階で Notification() が
呼び出されると,挿入した方の Notification() が実行されます.
その処理の中で,引数で渡された title と body を取得します.
サイト内で実装してあるnotification.js
function showNotification() {
const notify = new Notification("Hi there", {
body: "通知のテストです。",
icon: "assets/notifications.png"
});
notify.onclick = (e) => {
//window.location.href = "https://github.com/"; //ページをリダイレクトさせる
window.open('https://github.com/', '_blank'); //別タブで開く
};
}
ブラウザ拡張のcontent.js
Notification = (function(Notification) {
console.log("point-0")
function MyNotification(...args) {
console.log("point-1")
console.log("title: ", args[0]);
console.log("body: ", args[1].body);
console.log("icon: ", args[1].icon);
};
console.log("point-2")
Object.assign(MyNotification, Notification);
MyNotification.prototype = Notification.prototype;
return MyNotification;
})(Notification);
manifest.json
{
"name": "Blocking phishing sites",
"description": "Control method for web push notification by browser extension",
"version": "1.0",
"manifest_version": 2,
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["js/content.js"]
}
],
"permissions": [
"*://*/*",
"tabs",
"webRequest",
"webRequestBlocking",
"webNavigation"
]
}
これで動かしたところconsole.logには何も表示されませんでした。
前述の通り、
・引数をコピーする必要はありません.元のメソッドに
渡されるはずの引数は,同名のメソッド呼び出しにそのまま渡されます.
と言っていたのでnotification.jsのtitleやbodyの部分がcontent.jsのargs[0]とargs[1].bodyに渡されると思っていたのですが。
通知を一旦取得した後に、title,bodyとurlはブラックリストと比較したいのでどこかで変数に代入できればと思っています。(変数に代入しなくても比較できるならそれでも可)
お時間あるときにご回答いただければ幸いです。
Notification
が自作の物になっている事を確認しましたか? なっていないなら、そもそもコードを挿入できていません。 なっているのなら、挿入のタイミングの問題かも知れません。Notification
は実行されているようです。 現在content.jsは質問のコードを実行しているのですが、point-0
,point-2
は出力されるのですがpoint-1
が出力されませんでした。run_at
は初期値のdocument_idle
なので問題ないと思われますnew Notification("hello")
とすると、何が表示されますか?