はじめに
Chrome 拡張機能を React などで構成された SPA で動作させる方法 で、background から JS を注入する方法を整理した。が、別要件で上手くいかないケースがあったのでメッセージドリブンで処理タイミングを通知する方法を整理した。
TL;DR
- content:
chrome.runtime.onMessage.addListener
を使ってメッセージを待つ - background:
chrome.tabs.sendMessage
を使ってメッセージを送るchrome.tabs.onUpdated.addListener
でタブの更新の検出や URL の絞り込みを行う