chrome拡張でajaxCompleteが動作しない。

実現したいこと

Chrome拡張のcontent_scriptsで、以下のスクリプトを実行したい。

JavaScript
1$(document).ajaxComplete(function() {
2	console.log("ajaxComplete");
3});

発生している問題・分からないこと

Chromeのディベロッパーツールでは動作するのに、Chrome拡張にすると上記のスクリプトが実行されない。

エラーメッセージ

error
1実行されないだけなので、エラーメッセージはない。

該当のソースコード

上記の通り。

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

https://stackoverflow.com/questions/14266872/document-ajaxcomplete-doesnt-fire-inside-of-content-script
と同件かと思われる。

補足

特になし

yambejp

2024/12/16 08:32 編集

単純に$.ajaxやloadなどのajaxを発行していないのでは？

k.hojo

2024/12/16 23:50

コメントありがとうございます。間違いなくajaxの通信は発生しているのに反応しません。クロームのディベロッパーツールで対象のスクリプトを実行してから、まったく同じ画面の操作をしたところ、ちゃんと発火しています。 chrome拡張にすると、それ以外が同じ条件でも発火しません。調べていて思ったのですが、以下が関係しているような気がしてきました。１．対象の画面はjqueryを読み込んで使っている。２．chrome拡張を作成して、content_scriptsで呼び出している　「script.js」内に記述した「 $(document).ajaxComplete(function() { 」　の個所で、以下のエラーが発生。　「ReferenceError: $ is not defined」　どうも、jqueryが読み込めていない模様。　対象の画面で、jqueryを読んでいるので、それが使えると思っていたのに　使えていない？３．manifest.jsonの、　content_scriptsで読み込んでいる「script.js」の前に、　「jquery.min.js」を実行するようにしたら、エラーは発生しなくなった。 →上記の経緯があったので、実質、対象の画面のjqueryと、　chrom拡張で実行したjqueryで、jqueryの2重読み込みという状況になって　いるのかもしれません。結果、ajaxCompleteにコールバックを設定した方　とは異なるjqueryが動作しているため、コールバックが実行されていないような　気がしています。ただ、これが当たっていたとしても、どう対処すればいいのか　が思いつきません。

yambejp

2024/12/17 00:08

＞ajaxの通信は発生しているいや、ajax通信ではなく$.ajaxやloadを発行したかを聞いているのですが？