图解在Edge浏览器中安装扩展 React Devtools

 时间:2026-05-03 23:34:42

1、打开Microsoft Edge,点击右侧的“...”,展开后选择“扩展”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

2、在弹出的扩展对话框中,点击“打开Microsoft Edge外接程序网站”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

3、浏览器打开一个Edge外接程序新页面,在左侧输入框中输入 React Devtools,然后根据搜索结果,单击“获取”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

4、提示“将React Developer Tools添加到Microsoft Edge?”,然后点击“添加扩展”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

5、React Developer Tools已添加到Microsoft Edge,点击“启用同步”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

6、打开Microsoft Edge,点击右侧的“...”,展开后选择“更多工具”->“开发人员工具”,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

7、选择“Component”以及“Profiler”,可以查看组件的情况,如下图所示:

图解在Edge浏览器中安装扩展 React Devtools

图解在Edge浏览器中安装扩展 React Devtools

  • 由于目标计算机积极拒绝,无法连接。
  • VMWare如何实现主机与虚拟机的文件共享与传输
  • cmd怎么以管理员身份运行
  • 机动战姬聚变看板娘怎么更换
  • VMware虚拟机无法启动怎么办
  • 热门搜索
    存心的意思 老鸨是什么意思 磁条卡什么时候停用 风情万种的意思 竹枝词的意思 前七后八是什么意思 当局者迷旁观者清的意思 斑驳的意思 种田文是什么意思 次世代是什么意思