在chrome位址欄輸入 <code>chrome://extensions/</code> 回車
點選擴充程式
打開應用商店(需要<code>VPN</code>)
搜尋 react developer tools
認準提供方 facebook,然後添加
可以在擴充程式頁面看到已經添加成功
将其釘住,友善檢視
如果目前頁面是由react開發,則該開發者工具會被激活,例如:美團官網
然後在控制台中,可以看到多出了兩個選項
其中 Components中,包含了元件資訊,Profiler包含了性能資訊
注意,本地打開的網頁檔案不會激活開發者工具
可以通過<code>VSCode</code> 插件:<code>Live Server</code>,運作本地服務