React 代码打断点

发布时间: 更新时间: 总字数:159 阅读时间:1m 作者: IP上海 分享 网址

React 代码调试技巧:React 代码打断点

浏览器端

Chrome

  1. Chrome 安装插件:React Developer Tools
  2. chrome://extensions/ 勾选 React Developer Tools允许访问文件网址
  3. F12(或右键审查) -> 源代码(Sources) -> 左侧选择对应的代码,如ant-desigin-pro -> 找到对应的代码,点击行号可以打断点 -> 刷新页面,执行到端点时会暂停
  4. 调试快捷键
  • F8 继续调试
  • F10 执行下一行
  • F11 进入 Javascript 中的函数体
Home Archives Categories Tags Statistics
本文总阅读量 次 本站总访问量 次 本站总访客数