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

 时间:2024-10-11 19:20: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虚拟机无法启动怎么办
  • 热门搜索
    什么叫有机 荞麦茶的功效与作用 有什么好的网名 冬瓜荷叶茶的功效与作用 读秀知识库 香蕉皮的作用 什么叫小产权房 头发染什么颜色好看 保济丸的功效与作用 熟普洱茶的功效与作用