top of page

目次

react-devtools-inline をアプリに入れ込んでHTMLElementからFiberを取得する

2022-07-31

記事の要約: この記事では、react-devtools-inlineを使用してHTMLElementからFiberを取得し、Reactコンポーネントのソースコードを表示する方法を説明しています。事前にスタンドアロン版のReact DevToolsを起動し、特定のスクリプトをHTMLに読み込むことで、ホバーした要素のFiber情報を取得し、親ウィンドウに通信する仕組みを構築します。最終的には、取得した情報を基にファイルを読み込み、classNameを解析する予定です。

最後まで読んでくれてありがとうな!もしこの記事が良かったと思ったら100円寄付してくれよな!
この100円はグミとかドクタッペッパーとかキャベツ太朗などおれが好きなお菓子に使われるんだ!
頼んだよ!見返りは求めるんじゃあないよ。それじゃよろしくな!

bottom of page