質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Chrome extension

Chrome拡張機能

Q&A

解決済

1回答

10069閲覧

chrome.tabsのonUpdatedの処理タイミングについて

BOLSTUMP

総合スコア13

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Chrome extension

Chrome拡張機能

0グッド

2クリップ

投稿2016/03/09 15:13

Google Chromeのタブ関連のイベントリスナーのうちonUpdatedについて質問です。
onUpdatedには二つのstatus「loading」と「complete」があり、1回のonUpdatedイベントでコールバック関数内の処理が2回処理される物だと思っていたのですが

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
alert(changeInfo.status);
});

として確認したところ、上記の2つ以外にundefinedが何回か表示されました。
結果として、コールバック関数内の処理が2回よりも多く処理される結果となっています。

2回よりも多くと表現したのは表示するページなどによって表示される回数が変わるからです。
例えばChromeのバージョンの確認などをする「Google Chromeについて(G)」を開いた場合は
loading → undefined → complete → undefined → undefined

と表示されますが、新しいタブを開いた場合は
loading → undefined → complete

さらにGoogleを開いた場合は
loading → undefined → undefined → complete

という順番でアラートが表示されます。

onUpdatedイベントには「loading」と「complete」以外にも処理をされるタイミングがあるのでしょうか?
通常起こらない場合は考えられる原因を教えていただきたいです。

使用しているChromeのバージョンは49.0.2623.87 mです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

faviconなどですね。

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { console.log(changeInfo) })

でchangeInfo全体を見ると理由が分かりやすいかと思います

新しいタブではこうなってました

Object {status: "loading", url: "chrome://newtab/"} Object {favIconUrl: "https://www.google.co.jp/favicon.ico"} Object {status: "complete"}

GoogleChromeについての方は

Object {status: "loading", url: "chrome://help/"} Object {title: "読み込み中..."} Object {status: "complete"} Object {title: "概要"} Object {favIconUrl: "chrome://theme/IDR_PRODUCT_LOGO_16@2x"}

タイトルの変更でもこのイベントが起きます
適当なページで

document.title = "test"

とやってみると console に表示が追加されてると思います

投稿2016/03/11 07:54

ryls-nmm

総合スコア633

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

BOLSTUMP

2016/03/12 15:48

回答ありがとうございます。 やはり処理のタイミングはloadingとcompleteだけでは無かったんですね if(changeInfo.status=="loading") などで処理を分けて対応できるからまぁ良いとして、faviconやタイトルの変更でこのイベントが起こる事での有用性ってあるんでしょうか?
ryls-nmm

2016/03/13 01:38

有用性ですか…… 例えば タブ管理をする拡張機能を作ったとして リストにどのタブかわかりやすいように favicon やタイトルを表示させていたとします 実際のタブの favicon やタイトルが変わったらそれを検知して拡張機能のタブリストも更新させたいなんてときに使えるのではと思います ページを移動したり新しくタブを開いたことの検知によく使われますが 本来はなんらかのタブの情報が更新されたときに発生するイベントなのでこういうときでも発火するようになってます favicon やタイトル以外にも 今のところ変更を検知できるのは↓のものがあるみたいです status, url, pinned, audible, mutedInfo, favIconUrl, title
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問