为什么 React Native debugger 这么卡？

[zhenizhui]

开发环境

• win10
• onePlus 3t

细节

运行react-native run-android

我折腾了好久，网上的说法无外乎两种，

• 将 Chrome 的一个标签独立出来。调试的时候放到最前。

• 使用一个开源工具react-native-debugger。在打开调试之前，先把这个工具先开起来

但是，还是卡啊。页面切换的时候，一卡一卡的。

但是我前二个星期前，调试的时候不卡的。还挺流畅的。现在想调一下就卡了。

"dependencies": {
    "ac-qrcode": "^1.0.1",
    "eslint-plugin-react-native": "^3.1.0",
    "react": "~15.4.0",
    "react-native": "0.41.2",
    "react-native-audio": "^3.2.2",
    "react-native-camera": "0.12.0",
    "react-native-device-info": "^0.10.2",
    "react-native-document-picker": "^2.1.0",
    "react-native-fetch-blob": "^0.10.8",
    "react-native-fs": "^2.3.3",
    "react-native-image-crop-picker": "^0.12.8",
    "react-native-image-picker": "^0.26.3",
    "react-native-modal-dropdown": "^0.4.1",
    "react-native-orientation": "3.0.0",
    "react-native-pull": "^2.0.1",
    "react-native-pullrefresh-scrollview": "^1.1.0",
    "react-native-root-modal": "^1.4.0",
    "react-native-root-toast": "^1.1.2",
    "react-native-simple-toast": "0.0.6",
    "react-native-sound": "^0.9.1",
    "react-native-sqlite-storage": "^3.3.3",
    "react-native-storage": "^0.1.5",
    "react-native-swRefresh": "^1.2.3",
    "react-native-vector-icons": "^4.2.0",
    "react-native-webview-android": "^1.1.10",
    "react-native-select-input-ios": "1.1.2",
    "react-native-simple-radio-button": "2.7.0",
    "jpush-react-native": "2.1.6",
    "jcore-react-native": "1.2.2"
  },

v 友，有没有解决办法？

[palxie]

加了动画?

[zhenizhui]

@palxie 没有。但是我昨天发完帖子，捣鼓了一晚上，又可以流畅调试了

可能是我对这“独立 Chrome 浏览器放到窗口最前”的理解有偏差。

然后我把 Chrome 窗口最大化，放到最前，按了一下“ Ctrl + Alt + Esc ”

然后就可以流程调试了。

虽然我也不知道为什么。

[hidoos]

我用的是开发者工具是 webstorm，这个内置了一个 debugger 工具，配置的 chrome 浏览器用 headless 模式，这样的话感觉要好很多。

[sunxinfei233]

是不是开了 debug 模式下的 slow animations，关掉就可以了

[zhenizhui]

@sunxinfei233 这就不知道了，好久没折腾 rn 了