私の Chrome 拡張機能には、ページの初期ソースHTML を実行して出力するコンテンツ スクリプトがあります。 (As seen in VIEW SOURCE)を使用するだけdocument.documentElement.innerHTMLです。
しかし、私が必要としているのはGenerated Source (Source/Current DOM after all JavaScript has finished executing [As seen in INSPECT ELEMENT])です。私はさまざまな Web サイトを読み、これに関連する SO の質問をしましたが、Chrome 拡張機能ではなく、外部ソースからの要求に関してのみ議論しました。私が読んださまざまなオプションのいくつかは次のとおりです。
- サーバーでホストされている仮想ブラウザーを介して URL を実行し、ブラウザーがソースをどのように解釈し、生成されたソースを返すかを確認します。
- ページの初期ソースをスクレイピングし、何らかの方法ですべての JavaScript 実行をリッスンして記録し、初期ソースでそれらのコマンドを実行して、生成されたソースを再作成しようとします。
Chrome 拡張機能のコンテンツ スクリプトは、開いているタブのページ内でおそらく並行して実行されるため、よりシンプルで効率的なソリューションはありますか? すべての初期 JavaScript の実行が終了するのを待ってから、現在の DOM またはソースを取得できますか?
注: 追加の JavaScript コマンドが実行された後は、DOM を追跡する必要はありません。ページの読み込みごとに実行される JavaScript が終了した後、スナップショットが 1 つだけ必要です。
これが素朴に聞こえる場合は、事前にお詫び申し上げます。私はクロム拡張機能を作成するのが初めてです。優れたリソース、チュートリアル、または例へのリンクは大歓迎です。
お時間をいただきありがとうございます。