1. 调试

1.1. 工具

1.2. 打印日志

1.2.1. iOS

Debug 环境只打印在浏览器 console，Release 环境可以打印到 Xcode Console

1.2.2. Android

可以直接在 Android Studio 的 logcat 查看

1.3. React Native 远程调试实现原理

1.3.1. RN

$ npm star
node node_modules/react-native/local-cli/cli.js start

react-native/local-cli/server/runServer.js 启动 WebSocket 服务

react-native/local-cli/server/util/debugger-ui/index.html connectToDebuggerProxy 创建调试 WebSocket 服务

const ws = new WebSocket('ws://' + window.location.host + '/debugger-proxy?role=debugger&name=Chrome');

RN rxjs/src/observable/dom/WebSocketSubject.ts 启动 ws://localhost:8081 websocket 服务

RCTWebSocketExecutor

1.3.2. iOS

连接

  1. DevSupport 模块 RCTInspectorDevServerHelper 的 + (void)connectForContext:withBundleURL 方法

http://localhost:8081/index.ios.bundle?platform=ios&dev=true&minify=false

  1. Inspector 模块 RCTInspectorPackagerConnection 的 - (void)connect 方法， 创建 RCTSRWebSocket 连接

ws://127.0.0.1:9101/devtools/page/4

  1. RCTWebSocketExecutor setUp http://localhost:8081/debugger-proxy?role=client

/launch-js-devtools -- http://localhost:8081/debugger-proxy?role=client

RCT_ENABLE_INSPECTOR

results matching ""

    No results matching ""