Open6

chrome 拡張機能作ったときにハマったこと

yocyoc

タブにURLが設定されたとき

chrome.tabs.onUpdated
https://developer.chrome.com/docs/extensions/reference/tabs/#event-onUpdated

chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
     // changeInfo.status にはタブの読み込み状態が入っているので、読み込み完了したら何か処理をするといったことができる
    if (changeInfo.status != "complete") {
        return
    }

    // 読み込み完了後にやりたい処理
   // 読み込み先が google 検索だったら… 
    const tabURL = tab.url
    if (tabURL.indexOf('https://www.google.com') > -1) {
        // function
    }    
}

manifest.json にパーミッションの追加が必要

"permissions": [
        "tabs",
}

特定のURL(今回だとwww.google.com)を開いたらといった処理をしたい場合、host_permissions の追加も必要

"host_permissions": [
        "*://www.google.com/*"
]