doubleyong
管理员
管理员
  • 最后登录2020-07-11
  • 发帖数834
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:126回复:1

React调试工具

楼主#
更多 发布于:2020-06-27 17:39



一、安装ReactDeveloperTools插件

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

离线包:谷歌访问助手
                ReactDeveloperTools

二、ReactDeveloperTools的使用

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

    图片:r3.JPG




三、ReactDeveloperTools的功能

  • 查看state和props

图片:r2.JPG


  • 当数据改变时,高亮

图片:r4.png







转自:https://www.jianshu.com/p/12fc7a0607ed
知识需要管理,知识需要分享
doubleyong
管理员
管理员
  • 最后登录2020-07-11
  • 发帖数834
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2020-06-27 19:07
可去,下面此https://chrome.zzzmh.cn/info?token=fmkadmapgofadopljbjfkapdkoienihi,下载最新的ReactDeveloperTools
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号