美文网首页技术
React调试工具

React调试工具

作者: 灯光树影 | 来源:发表于2018-09-22 19:43 被阅读0次

一、安装ReactDeveloperTools插件

  • 在Chrome浏览器中,点击右上方的三个小点的菜单图标——更多工具——扩展程序
  • 在新打开的扩展程序页面的左上方的三个横线的菜单图标——打开Chrome应用商店,搜索安装插件即可
    温馨提示:上面操作需要科学上网,不能翻墙可以使用下面方法:
  1. 安装谷歌访问助手插件,可以访问Chrome应用商店
  2. 离线安装ReactDeveloperTools插件

离线包:谷歌访问助手
                ReactDeveloperTools

二、ReactDeveloperTools的使用

  • 打开扩展程序页面,点击该插件的详细信息按钮,将允许访问文件网址一项打开
  • 重启浏览器
  • 按F12打开开发者工具,会发现选项卡中出现了React选项
RDT.JPG

三、ReactDeveloperTools的功能

  • 查看state和props
stateAndprops.JPG
  • 当数据改变时,高亮
highlightUpdate.png

相关文章

网友评论

    本文标题:React调试工具

    本文链接:https://www.haomeiwen.com/subject/zjsxoftx.html