chrome拡張機能 hostEqualsに”/”が入ると動かなくなる

Question

質問失礼します。

拡張機能を作ってみたいと思い、https://toranoana-lab.hatenablog.com/entry/2020/04/23/174421
のページを試してみました。
無事動き様々なことを試してみようと思い、別のページでも動けるように
pageUrl: {hostEquals: 'developer.chrome.com'},
を
pageUrl: {hostEquals: 'developer.chrome.com/home'},
にし、効果範囲を限定してみたところ動かなくなりました。

いろいろ試してみた結果 ”/” が入ることによってページを認識してくれなくなるようです。

調べてみたのですが、全くわからなかったので質問させてもらいます。

どのように "/" 入りでも動くのか、何故なのか。
もしわかる方がいたら教えていただきたたいです。よろしくお願いします。

Answer 1

pageUrl: {hostEquals: 'developer.chrome.com/home'},

にし、効果範囲を限定してみたところ動かなくなりました。

内部の実装を見たわけではないので憶測になりますが、その名の通りホスト名の比較をしているので、/homeのようにパス部分を含めたら認識しなくなったのではないでしょうか？

Comments

[Alice_p_h]

なるほど！！、ではどうしたらパス部分を実装できるでしょうか？

[nekoniki]

参照元記事を見ましたが、background.jsの中でhostEqualsの記載を別プロパティに変えればいけると思います。
PageStateMatcherには色々なプロパティが指定できるようなので(詳細は以下公式ドキュメント参照)
https://developer.chrome.com/extensions/declarativeContent#type-PageStateMatcher

例えばpathEqualsといったプロパティがあるので、パスを含めた比較をしたい場合はそちらを使用すべきです。

[Alice_p_h]

なるほど！！公式ドキュメントに書いてあるのですか！！ありがとうございます。
公式ドキュメントを使って勉強してい行きたいと思います！！