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

 时间:2026-02-14 19:47:54

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虚拟机无法启动怎么办
  • 热门搜索
    鸡杂怎么做好吃 怎么格式化内存卡 北京城市学院怎么样 小便失禁的治疗方法 怎么创建贴吧 陕西旅游景点大全介绍 测甲醛的方法 炖鸡翅的家常做法 站桩的正确方法视频 糖醋里脊的家常做法