自作のChrome拡張機能で現在いるページ内のテキストを取り出す

Question

javascriptを使い実際の自作の拡張機能を作りたいと思います

概要

1. 拡張機能で現在開いている調べたいwebページ（webページ）で拡張機能のポップアップページ(ポップアップページ)上のボタンをおす
2. webページのhtml情報を読み込む
3. 事前に指定しているid名を持つ要素がwebページ上に存在するかをチェックする
4. もし存在すれば、ポップアップページに上に"要素があります"と表示する
5. なければ、時間を少しおきwebページをリロードし2,3のプロセスを再度実行する

問題点

chrome.tabs.queryなどでwebページのurlを取得する方法は多く見つかるのですがwebページのコンテンツ、htmlファイルの情報を取得する方法がわかりません

chromeの公式ドキュメントを読んだのですが見つけることができませんでした。
https://developer.chrome.com/docs/extensions/reference/

getElementByIdなどが使えるようにwebページをオブジェクト化する方法を教えていただきたいです

よろしくお願いします

Answer 1

chrome.tabs.executeScript(), chrome.scripting.executeScript()からWebページにコンテンツスクリプトを注入してください。コンテンツスクリプトの戻り値などを利用することでWebページのコンテンツを取得できるものと考えます。

備考
chrome.tabsにページのHTMLを直接取得するAPIは存在しないはずです。
chrome.tabs.Tab.urlをfetchすることも考えられますが、ユーザーに表示されているページを取得できる保証はありません。

参考
https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/API/tabs/executeScript
https://developer.chrome.com/docs/extensions/reference/scripting/#method-executeScript

Answer 2

普通にdocumentにアクセスできませんか？
document.getElementByIdとかdocument.body.querySelectorとか

Comments

[退会済みユーザー]

documentにアクセスするとpopupページのhtml情報を取得してしまいます

[itagagaki]

そういうことでしたか。

[退会済みユーザー]

送ってくださったurlの記事とchrome.tabs.executeScript()で思っていた機能を実装することができましたありがとうございました。