除錯 React Native 應用

2021-07-27 08:55:49 字數 634 閱讀 2111

訪問應用程式內開發者選單:

在 ios 中搖動裝置或在虛擬機器裡按組合鍵control + ⌘ + z.

在 android 中搖動裝置或按硬體選單按鈕 (舊的裝置中以及大多數虛擬機器中都有效,例如, 在 

捕獲異常時暫停 以獲得更佳的除錯體驗。 在實際裝置上進行除錯:

在 ios 中,- 開啟檔案rctwebsocketexecutor.m並更改localhost為你的電腦ip位址。搖動裝置開啟開發選單,選擇啟動除錯。

在 android 中, 如果你正在執行通過 usb 連線的 android 5.0+ 裝置,您可以使用adb命令列工具來從裝置到您的計算機設定埠**。 執行:adb reverse 8081 8081(參閱 react developer tools 作為谷歌瀏覽器的擴充套件。這將允許您通過react在開發工具中導航元件層次結構 ( 更多詳情參閱 facebook/react-devtools )。這個選項可觸發 js 在連線裝置/模擬器上自動重新整理。啟用此選項:

0.5.0-rc以及更高的版本,為了幫助除錯效能問題,你可以在開發者選單啟用 fps 圖形疊置。

React Native 除錯技巧

一 開啟rn開發者選單 不管是真機還是模擬器,都需要首先輸入命令,開啟rn開發者選單,命令如下 adb shell input keyevent 82真機左右搖晃手機幾下,也可以開啟開發者選單 選單如下圖 但是開發者選單只可在debug版本中調出,假如是apk的release版本則不可調出。二 設定...

react native 進行除錯

除錯react native專案 1.新建專案 2.啟動專案 3.連線真機或者模擬器 真機除錯 專案啟動完畢真機會顯示自己專案,此時搖一搖手機會出現彈窗 debug js remotely 進行js除錯 選擇 debug js remotely此時電腦瀏覽器會開啟localhost 8081 f12...

React native 無法彈出除錯控制項的問題

react native 在debug模式下,可以通過搖動手機,彈出除錯選項。但是今天利用了cocoapods 把react native 檔案整理後,除錯介面就彈不出了,其他功能正常。查了好久,發現是少在pods的 spec裡寫了devsupport 這個模組。下面發乙份pods 的 spec 檔...