使用React开发者工具检查React components，编辑props和state，并识别性能问题。
浏览器扩展
调试React构建的网站最简单的办法就是安装React开发者工具浏览器扩展。它可用于几种流行的浏览器：
现在，如果你访问一个用React构建的网站，你将看到Components和Profile面板。
Safari和其他浏览器
为其他浏览器（比如，safari），安装react-devtools npm包：
| # yarn yarn global add react-devtools # npm npm install -g react-devtools |
接下来从终端打开开发者工具：
| react-devtools |
然后通过将一下<script>标签添加到你网站的<head>开头来连接你的网站：
| <html> <head> |
现在在浏览器里刷新你的网站，你可以在开发者工具里查看到它。
移动端（React Native）
你可以使用React Native DevTools来检查React Native应用程序，它的内置调试器与React Developer Tools进行了深度集成。所有功能与浏览器扩展的工作方式相同，包括本机元素突出显示和选择。
对于React Native 0.76之前的版本，请按照上面的Safari and other browsers指南独立构建React DevTools。
扫一扫
515
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
