Chrome開發(fā)調(diào)試工具,需要安裝react-devtools插件。
插件安裝方法:
- 離線安裝
下載最新devtools插件
打開chrome瀏覽器,進(jìn)行擴(kuò)展程序頁面,將下載的xx.crx拖拽到頁面,之后會提示安裝成功。

chrome
- 在線安裝(需要vnp,這里不考慮這個方法)
android 模擬器:genymotion
cmd+m選擇debug in chrome,然后會打開一個網(wǎng)頁:http://localhost:8081/debugger-ui 界面截圖如下:

屏幕快照 2016-04-13 下午9.28.51.png
這里顯示states:Debugger session #0 active.說明成功。
打開chrome 開發(fā)者工具(更多工具 - 開發(fā)者工具)
- 切換到
source選項(xiàng)打開調(diào)試
屏幕快照 2016-04-13 下午9.42.48.png - 打開相應(yīng)js頁面進(jìn)行斷點(diǎn)調(diào)試

屏幕快照 2016-04-13 下午9.44.32.png
