SakuraWi - BLog

WEBエンジニア。聴いたお話をまとめておく倉庫的な。スタックストックスタック!

技術-Chrome拡張

【Chrome拡張】DOMの表示を待ってからクリックさせたい

【Chrome拡張】編です。 今回はタブが新しく開けたりした場合にDOMの表示を待ってからjsでクリックさせたい時のノウハウを書きます。 結論から書くと以下です。 const jsInitCheckTimer = setInterval(jsLoaded, 1000); function jsLoaded() { if (document.…

【Chrome拡張】新規タブの読み込み完了をフックさせる方法

【Chrome拡張】の開発についての記事です。 タブが作成された時に、読み込み完了をさせてから処理を書きたい時の方法を書きます。 結論のコードから先にのせておきます。 chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){ console.log(…

【Chrome拡張】background.jsの発火の確認方法

background.jsのconsole.log などが出力されているのか、発火しているのか気になった時は、 chrome://extensions/に接続して、ここのビューを検証をクリックして、そこのブラウザでのconsoleをチェックしましょう! ビューを検証バックグラウンド ページ こ…

Chrome拡張が思ったよりも簡単に作れるのを知って触ってみた

ども、櫻井広大です。 最近社内で思ったよりも簡単にchrome拡張が触れることを知ったのでやってみました。 書いた github.com 実は2ファイルくらいで拡張機能って動かせるんですね。 manifest.jsonを用意して、動かすjsを置いてあげるだけ。 詰まった .forE…