ソースコードを取得するサイトはあるがレンダリング後のソースを取得するサイトはあるか

URLのソースコードを取得するサイトはあるけれど
JSなど読み込み完了後のDOMソースコードを参照できるようなオンラインサイトはありますか？

2025/01/31 00:20 編集

DOM は Document Object Model のことですが、そのソースとは……？ F12 で現在の要素を見ればいいとかではなく？ https://developer.mozilla.org/ja/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools

utm.

2025/01/31 01:30

ブラウザのconsoleから表示したいオブジェクトの中身を確認するのが良いと思います、 DOMには当然プロパティ(フィールド)のようなただのデータも含まれるために、表示できてしまうと莫大な情報量になると思います、例えばwindow.hoge = "hoge"みたいな、意味のないプロパティもDOMの1部の認識です、

juner

2025/01/31 02:04 編集

もしも console.log 等で DevTools の要素パネルにて選択した要素のプロパティを確認したい場合は console.dir($0) もしくは console.log('%O', $0) で確認すると要素をオブジェクトとして展開してくれるので大分楽に確認できるのでおすすめしておきます。 https://console.spec.whatwg.org/#dir https://console.spec.whatwg.org/#formatting-specifiers

utm.

2025/01/31 02:14

ちなみに、レンダリングという言葉はおっさん連中はディスプレイに表示されるための経路、グラフィックとかGPUとか、低級な話の文脈と誤解するかもしれないです、 (そういうお話では無いと願いたい)