आप कैसे रिएक्ट मूल निवासी डिबग करते हैं?

Question

ऐप सिम्युलेटर में ऐप चलने के दौरान कोई व्यक्ति रिएक्ट नेटिव के साथ अपने रिएक्ट कोड को कैसे डिबग करता है?

Comments

देशी डिबगिंग के लिए समाधान: 1. डिबग रिएक्ट नेटिव एंड्रॉइड या आईओएस ऐप कंसोल का उपयोग करके लॉग करें 2. रिएक्टिव नेटिव डीबगिंग विधियाँ 3. कंसोल का उपयोग करके रिएक्टिव नेटिव डीबगिंग । ()

— सुमित कुमार प्रधान

इन उत्तरों के अलावा, यदि आप VS कोड पर काम कर रहे हैं और Chrome के बजाय इसमें डीबग करना चाहते हैं, तो मेरे इस उत्तर को

— जांचें

कृपया इस ब्लॉग को फॉलो करें। medium.com/javascript-in-plain-english/…

— तुनवीर रहमान तुषार

Answer 1

Cmd+Dसिम्युलेटर के भीतर से। यह Chrome को पॉपअप करेगा और वहां से आप डेवलपर टूल का उपयोग कर सकते हैं।

संपादित करें:

यह अब हेल्प डॉक्स में जुड़ा हुआ है ।

Comments

V8.2 सिम्युलेटर का उपयोग करते हुए, Cmd + D कुछ नहीं करता है। क्रोम नवीनतम है। क्रोम में कुछ विशेष प्लगइन की जरूरत है या एक प्रॉक्सी है?

— मैक्ग

"वेबसोकेट डिबगर उपलब्ध नहीं है। क्या आप RCTWebSocketExecutor को शामिल करना भूल गए हैं?" : /

— टायलर मैकगिनिस

मेरे पास निम्न त्रुटि थी: /Users/Serge/projects/serge/MyProject/node_modules/react-native/packager/launchChromeDevTools.applescript:668/671: स्क्रिप्ट त्रुटि: अपेक्षित क्लास नाम लेकिन गुण पाया। (-2741)। मुझे पता चला कि अगर मैंने मैक के साथ समानताएं में विंडोज एप्लिकेशन को साझा करने को अक्षम कर दिया तो यह काम करना शुरू कर देता है। Stackoverflow.com/questions/29310936/… देखें ।

— सर्ज वैन डेन ऑवर

यह Cmd+Mओएस एक्स और एंड्रॉइड पर होगा

— flaky

ध्यान दें कि Cmd + D कुछ भी नहीं करेगा यदि आपका बिल्ड कॉन्फ़िगरेशन "रिलीज़" पर सेट है - सुनिश्चित करें कि यह "डीबग" पर सेट है।

— १२:०१ बजे

Answer 2

डीबगिंग रिएक्टिव नेटिव एप्स

अपनी प्रतिक्रिया एप्लिकेशन के जावास्क्रिप्ट कोड को डीबग करने के लिए निम्न कार्य करें:

1. IOS सिम्युलेटर में अपना एप्लिकेशन चलाएं।
2. प्रेस Command + Dऔर एक वेबपेज http: // localhost: 8081 / debugger-ui पर खुलना चाहिए । (अभी के लिए Chrome) या का उपयोग करेंShake Gesture
3. बेहतर डिबगिंग अनुभव के लिए पकड़े गए अपवादों पर रोकें सक्षम करें ।
4. Command + Option + IChrome डेवलपर टूल खोलने के लिए दबाएं , या इसे View-> Developer-> के माध्यम से खोलें Developer Tools।
5. अब आपको डिबग करने में सक्षम होना चाहिए जैसा कि आप सामान्य रूप से करेंगे।

ऐच्छिक

Google Chrome के लिए रिएक्टर डेवलपर टूल एक्सटेंशन इंस्टॉल करें । यदि आप Reactडेवलपर टूल के खुले होने पर टैब का चयन करते हैं तो यह आपको पदानुक्रम को नेविगेट करने की अनुमति देगा ।

लाइव रीलोड

लाइव रीलोड को सक्रिय करने के लिए निम्नलिखित कार्य करें:

1. IOS सिम्युलेटर में अपना एप्लिकेशन चलाएं।
2. प्रेस करें Control + Command + Z।
3. अब आप देखेंगे Enable/Disable Live Reload, Reloadऔर Enable/Disable Debuggingविकल्प।

Comments

यह उत्तर मूल रूप से डॉक्टर को कॉपी करता है, जो एक शुरुआत है, लेकिन विशेष रूप से रोशन नहीं है। इस संदर्भ में "जैसा कि आप सामान्य रूप से डिबग करते हैं" का क्या अर्थ है?

— ग्रीनएजजेड

महत्वपूर्ण सूचना: रिएक्टर डेवलपर टूल महीनों से रिएक्ट नेटिव के साथ काम नहीं कर रहा है, और निश्चित होना बाकी है। अधिक जानकारी यहाँ: github.com/facebook/react-devtools/issues/229

— लेन रेटिग

किसने कहा कि यह मैक पर है?

— shinzou

@ शिनज़ौ यह एक सिम्युलेटर के उल्लेख से निहित है (यह आईओएस देवों के लिए सिम्युलेटर है, एंड्रॉइड देवता के लिए एमुलेटर)। हाँ, मुझे पता है कि यह थोड़ी देर के लिए है, लेकिन अभी भी, बस FWIW

— कोनराड मोरावस्की

Answer 3

एंड्रॉइड ऐप के लिए, यदि आप Genymotion का उपयोग कर रहे हैं, तो आप मेनू को दबाकर टॉगल कर सकते हैं CMD + m, लेकिन आपको ऐसा करके मेनू में सक्षम करना पड़ सकता है।

• अनकहा विजेट
• क्रोम में डीबगCMD + m पर क्लिक करके इसे सक्षम करें

Comments

अंत में एक Android समाधान मिला, धन्यवाद! और नवीनतम संस्करण में, के debug in chromeसाथ बदल दिया गया है start debug remotely।

— मेवेद

@ मेवएक्स क्या आप हमें बता सकते हैं कि यह कैसे करना है? May

— मो

cmd + mctrl + mstart debug remotely

— @ मौहम्मद

Answer 4

अन्य उत्तरों के अलावा। आप डीबगर कथन का उपयोग करके प्रतिक्रिया-मूलक डीबग कर सकते हैं

उदाहरण:

debugger; //breaks execution

काम करने के लिए आपके क्रोम देव उपकरण खुले होने चाहिए

Comments

F य! यही मुझे चाहिए था! धन्यवाद दोस्त!

— I_am_learning_now

Answer 5

यदि आप विंडोज पर एंड्रॉइड डिवाइस का उपयोग करके डिबग करना चाहते हैं, तो बस एक कमांड प्रॉम्प्ट खोलें फिर टाइप करें (सुनिश्चित करें कि आपका एडीबी ठीक से काम कर रहा है)

adb shell input keyevent 82

यह छवि की तरह एक स्क्रीन संकेत देगा

फिर सेलेक्ट करें

debug JS Remotely

यह स्वचालित रूप से एक नई विंडो खोल देगा। खुले निरीक्षण तत्व को खोलें या कंसोल के लिए F12 दबाएं।

Comments

क्या इस आदेश के बराबर iOS है? मैंने अभी हाल ही में आरएन के साथ शुरुआत की और यह भविष्य में बहुत मदद करेगा

— जुआन कार्लोस अल्पीज़र चिनचिला

Answer 6

इस कार्यक्रम का प्रयास करें: https://github.com/jhen0409/react-native-debugger

पर काम करता है: windows, osxऔर linux।

यह समर्थन करता है: react nativeऔरredux

आप वर्चुअल घटक ट्री का भी निरीक्षण कर सकते हैं और उन शैलियों को संशोधित कर सकते हैं जो ऐप में परिलक्षित होती हैं।

Comments

क्या मैं इस डिबगर के माध्यम से विशिष्ट चर का मूल्य देख सकता हूं? मैंने कोशिश की है console.log(url), लेकिन मुझे पता नहीं है कि आउटपुट कहाँ है।

— क्वार्क

Answer 7

cmd ⌘+ Dअजीब तरह से मेरे लिए काम नहीं किया। IOS सिम्युलेटर में ctrl+ cmd ⌘+ दबाने से Zमेरे लिए डीबगिंग ब्राउज़र विंडो बंद हो गई।

यह वह स्क्रीन है जो पॉप अप करता है:

अधिक जानकारी यहाँ।

Comments

मुझे ये विकल्प नहीं दिख रहे हैं ... :(

— नूह

Answer 8

डेबियन 8 (जेसी) पर डीबगिंग प्रतिक्रिया-देशी 0.40.0 http: // localhost: 8081 / debugger-ui क्रोमियम या फायरबग में नेविगेट करके किया जा सकता है, जबकि आपका ऐप एंड्रॉइड सिम्युलेटर में चल रहा है। इन-ऐप डेवलपर मेनू तक पहुंचने के लिए, निम्न टर्मिनल को किसी अन्य टर्मिनल विंडो में चलाएं, जैसा कि यहां बताया गया है :

adb shell input keyevent 82

Answer 9

मेरे पास पिछले उत्तरों पर टिप्पणी करने के लिए पर्याप्त प्रतिष्ठा नहीं है जो महान हैं। :) यहाँ कुछ तरीके हैं कि मैं कैसे प्रतिक्रिया-मूल एप्लिकेशन विकसित करते समय डिबगिंग कर रहा हूं।

1. लाइव लोडिंग

   प्रतिक्रिया-मूलक R + R कुंजियों के साथ आपके परिवर्तनों को देखना आसान बनाता है या यहां तक ​​कि लाइव पुनः लोड करने में सक्षम बनाता है और चौकीदार नवीनतम परिवर्तनों के साथ सिम्युलेटर को "ताज़ा" करेगा। यदि आपको कोई त्रुटि मिलती है, तो आप उस लाल स्क्रीन से लाइन नंबर से एक सुराग प्राप्त कर सकते हैं। पूर्ववत की एक जोड़ी आपको काम करने की स्थिति में वापस लाएगी और फिर से शुरू करेगी।

2. console.log('yeah, seriously.')

   मैं खुद को इस कार्यक्रम को चलाने देना पसंद करता हूं और debuggerब्रेक प्वाइंट को जोड़ने की तुलना में कुछ संकेत देता हूं । (कठिन डिबगर तब उपयोगी होता है जब बाहरी पैकेज / लाइब्रेरीज़ के साथ काम करने की कोशिश की जाती है और यह स्वतः पूर्णता के साथ आता है, इसलिए आप जानते हैं कि आप अन्य किन तरीकों का उपयोग कर सकते हैं।)

3. Enable Chrome Debuggingdebugger;अपने कार्यक्रम में विराम बिंदु के साथ ।

वैसे यह आपके द्वारा की गई त्रुटियों के प्रकार और डिबग करने की आपकी प्राथमिकताओं पर निर्भर करता है। अधिकांश के लिए undefined is not an object (evaluating 'something.something'), विधि 1 और 2 मेरे लिए काफी अच्छी होगी।

जबकि अन्य डेवलपर्स द्वारा लिखित बाहरी पुस्तकालयों या पैकेजों से निपटने के लिए डिबग करने के लिए अधिक प्रयास की आवश्यकता होगी, इसलिए एक अच्छा उपकरण Chrome Debugging

कभी-कभी यह प्रतिक्रिया-देशी प्लेटफॉर्म से ही आ रहा है इसलिए प्रतिक्रिया-मूल मुद्दों के लिए गुगली करना निश्चित रूप से मदद करेगा।

उम्मीद है कि इससे वहां किसी को मदद मिलेगी।

Answer 10

इसके बजाय Cmd+M, F10विंडोज में एंड्रॉइड एमुलेटर प्रेस के लिए। एमुलेटर सभी प्रतिक्रिया-मूलक डिबग विकल्प को दिखाना शुरू करता है।

Answer 11

adb logcat *:S ReactNative:V ReactNativeJS:V

Android लॉग के लिए टर्मिनल में इसे चलाएं।

Comments

osx: adb logcat '*: S' ReactNative: V ReactNativeJS: V

— mbunch

Answer 12

यदि आप Microsoft Visual Code का उपयोग कर रहे हैं, तो React Native Tools एक्सटेंशन इंस्टॉल करें। फिर आप वांछित लाइन नंबर पर क्लिक करके ब्रेक पॉइंट जोड़ सकते हैं। सेटअप और डीबग एप्लिकेशन के लिए इन चरणों का पालन करें:

यदि आप इसका उपयोग कर रहे हैं तो डिबग जेएस रिमोट को एमुलेटर में सक्षम करना न भूलें।

Answer 13

Android के लिए: मेनू को प्रकट करने के लिए Ctrl + M (एमुलेटर) या फोन (इन डिवाइस) को हिलाएं।

IOS के लिए: Cmd + D या फोन को मेन्यू प्रकट करने के लिए हिलाएं

सुनिश्चित करें कि आपके पास क्रोम है।

सामने आए मेनू में डीबग जेएस रिमोटली ऑप्शन चुनें।

Chrome को स्वचालित रूप से लोकलहोस्ट पर खोला जाएगा: 8081 / डिबगर-यूआई। आप इस लिंक के साथ मैन्युअल रूप से डीबगर पर भी जा सकते हैं।

कंसोल को प्रकट करता है और आप लॉग को नोट किया जा सकता है।

Answer 14

मेरे लिए React-Native पर डिबग करने का सबसे अच्छा तरीका "Reactotron" का उपयोग करना है ।

Reactotron स्थापित करें और फिर उन्हें अपने पैकेज में जोड़ें। Json:

"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2", 

अब, यह आपके कोड में लॉग इन करने की बात है। उदाहरण के लिए:console.tron.log('debug')

Answer 15

1. सिम्युलेटर में अपना ऐप चलाएं - प्रतिक्रिया-देशी रन-आईओएस
2. Ctrl + d दबाएं और डीबग JS दूर से क्लिक करें

1. वेबपेज http: // localhost: 8081 / डिबगर-यूआई पर खुलना चाहिए , यदि URL टाइप न हो और Chrome में इस लिंक पर जाएं
2. पृष्ठ पर राइट क्लिक करें और निरीक्षण पर क्लिक करें और इसे क्रोम के लिए डेवलपर टूल खोलना चाहिए

3. शीर्ष मेनू के स्रोतों पर जाएं और दाहिने हाथ की ओर फ़ाइल एक्सप्लोरर में अपने जेएस वर्ग फ़ाइल को ढूंढें

4. आप व्यूप्वाइंट पर ब्रेकपॉइंट लगा सकते हैं और कोड को डिबग कर सकते हैं जैसा कि आप इमेज में देख सकते हैं।

Answer 16

डिफ़ॉल्ट रूप से, मेरा आईओएस सिम्युलेटर कीस्ट्रोक्स नहीं उठा रहा था यही कारण है कि सीएमडी-डी काम नहीं करता था। मुझे सिम्युलेटर के मेनू का उपयोग करके कीबोर्ड के लिए सेटिंग्स को चालू करना था:

हार्डवेयर> कीबोर्ड> कनेक्ट कीबोर्ड

अब cmd-D ने क्रोम डीबगिंग को लॉन्च किया।

Answer 17

एंड्रॉइड ऐप के लिए। Ctrl + M का चयन करें डिबग जेएस दूरस्थ रूप से यह क्रोम http: // localhost: 8081 / debugger-ui के साथ क्रोम में एक नई विंडो खोलेगा । अब आप क्रोम ब्राउज़र में ऐप को डीबग कर सकते हैं

Answer 18

फ़ाइल पथ में स्थान होने से Cmd+ Dकार्य करने से रोकता है । मैंने अपनी परियोजना को बिना स्थान के स्थान पर स्थानांतरित कर दिया और मुझे अंततः काम करने के लिए क्रोम डीबगर मिल गया। बग की तरह लगता है ।

Answer 19

यदि आप डिबगिंग को डिफ़ॉल्ट रूप से सक्षम करना चाहते हैं:

import { NativeModules } from 'react-native';

if (__DEV__) {
  NativeModules.DevSettings.setIsDebuggingRemotely(true)
}

Android पर यह काम करने के लिए:

npm install --save react-native-devsettings-android
react-native link react-native-devsettings-android

संदर्भ: डिफ़ॉल्ट रूप से सक्षम "डीबग जेएस दूर" के साथ एक प्रतिक्रियाशील मूल एप्लिकेशन लॉन्च करें

Comments

विशिष्ट स्थान पर मुझे उन 4 लाइनों को लगाना चाहिए? App.js या index.js में?

— जूलियन लैमरचे

@JulienLamarche App.js में डालें

— Olcay Ertaş

इसे उत्तर के रूप में स्वीकार किया जाना चाहिए .... आज्ञाओं में भी विश्वास क्यों करें .....

— तुषार पांडे

Answer 20

बहुत सरल बस दो आज्ञा

For IOS $ react-native log-ios
For Android $ react-native log-android

Comments

यह तरीका है कि मैं यह करता हूँ!

— ज़च कुक 20

यह देखने के लिए एक शानदार तरीका है कि आपके स्टोर में क्या चल रहा है

— दान 16

Answer 21

मान लें कि आप इस मेनू को एंड्रॉइड एमुलेटर पर दिखाना चाहते हैं

• फिर, ⌘+mमैक पर एंड्रॉइड एमुलेटर पर इस देव सेटिंग्स डायलॉग को पॉप अप करने का प्रयास करें।

• यदि यह दिखाई नहीं देता है तो जाएं AVD > (click the pen to edit your emulator configuration) > advanced settings > check the enable keyboard input box।

• और फिर पुनः प्रयास करें ⌘+m।

• यदि यह अभी भी नहीं दिखता है, तो चल रहे एमुलेटर सेटिंग्स पर जाएं और Send keyboard shortcuts toकॉम्बोक्स / ड्रॉपडाउन पर फिर Emulator controls (default)विकल्प चुनें।

• और फिर पुनः प्रयास करें ⌘+m।

• मुझे आशा है कि यह मदद करता है, इसने मेरे लिए काम किया।

Answer 22

यदि आप Redux का उपयोग कर रहे हैं, तो मैं अत्यधिक प्रतिक्रियाशील डिबगर की सलाह देता हूं। इसमें क्रोम devtools शामिल हैं, लेकिन इसमें Redux devtools और React devtools भी हैं।

Redux Devtools : इससे आप अपने कार्यों को देख सकते हैं, और उनके माध्यम से आगे और पीछे कदम रख सकते हैं। यह आपको अपने Redux स्टोर को देखने की भी अनुमति देता है और प्रत्येक क्रिया के लिए अद्यतन स्थिति के साथ पिछली स्थिति को स्वचालित रूप से अलग करने की सुविधा है, इसलिए आप देख सकते हैं कि जैसे ही आप क्रियाओं की एक श्रृंखला के माध्यम से आगे और पीछे बढ़ते हैं।

रिएक्ट देवटूल : यह आपको एक निश्चित घटक का निरीक्षण करने की अनुमति देता है, अर्थात् यह सभी के रूप में अच्छी तरह से यह घटक राज्य है। यदि आपके पास घटक राज्य का एक टुकड़ा है जो एक बूलियन है, तो यह आपको इसे चालू करने के लिए क्लिक करने देता है और देखता है कि जब यह बदलता है तो आपका ऐप कैसे प्रतिक्रिया करता है। महान विशेषता।

Chrome Devtools आपको अपने सभी कंसोल आउटपुट को देखने, ब्रेकपॉइंट का उपयोग करने, डीबगर पर रोकने की अनुमति देता है; आदि मानक डिबगिंग सुविधाएँ। यदि आप उस क्षेत्र पर राइट क्लिक करते हैं जहां आपके कार्य Redux Devtools में सूचीबद्ध हैं और 'नेटवर्क निरीक्षण की अनुमति दें' का चयन करें, तो आप Chrome Devtools के नेटवर्क टैब में अपने API कॉल का निरीक्षण कर सकते हैं जो मीठा है।

निष्कर्ष में इन सभी एक जगह में शानदार है! यदि आपको उनमें से एक की आवश्यकता नहीं है, तो आप इसे चालू / बंद कर सकते हैं। रिएक्टिव नेटिव डीबगर प्राप्त करें और जीवन का आनंद लें।

Answer 23

यह देशी डिबगर एप्लिकेशन का उपयोग करने का वैकल्पिक तरीका है।

आप नीचे दिए गए लिंक का उपयोग करके एप्लिकेशन डाउनलोड कर सकते हैं यह स्रोत कोड के साथ-साथ Redux स्टोर के प्रबंधन के लिए बहुत अच्छा अनुप्रयोग है।

प्रतिक्रिया देशी-डिबगर

साथ ही अब एक दिन आप नीचे दिए गए लिंक का सीधे इस्तेमाल कर सकते हैं।

क्रोम डेवलपर उपकरण

Answer 24

1. यदि आप एमुलेटर उपयोग Ctrl+ Mऔर सिम्युलेटर Cmd+ का उपयोग कर रहे हैंD

2. दूर से - डीबग जेएस पर क्लिक करें

3. Google Chrome कंसोल पर जाता है

Answer 25

एक बहुत अच्छा डिबगर नाम Reactotron भी है। https://github.com/infinitered/reactotron

आपको कुछ डेटा मान देखने के लिए डीबग मोड में होने की आवश्यकता नहीं है और बहुत अधिक विकल्प है।

जाओ एक नज़र है कि वास्तव में उपयोगी है। ;)

Comments

धन्यवाद! हम RN 0.59 का उपयोग कर रहे थे जो कि फ्लिपर के साथ संगत नहीं लगती थी।

— चिचिलेट

Answer 26

रिएक्ट-नेटिव डिबगिंग में बहुत आसान है।

• IOS उपयोग में डिबग करने के लिए

सीएमडी + डी

ctrl + cmd + z (सिम्युलेटर के लिए)

• Android में डिबग करने के लिए

स्पर्श के साथ डिवाइस हिलाएं (सुनिश्चित करें कि आपका डेवलपर विकल्प सक्षम है)

Comments

अच्छी व्याख्या।

— नरेंद्र सोलंकी

Answer 27

चरण 1: वह स्थान debuggerजहाँ आप कभी स्क्रिप्ट को रोकना चाहते हैं, जैसे:

  async saveItem(item, selectedValue) {
    debugger
    try {
        await AsyncStorage.setItem(item, selectedValue);
    }
    catch (error) {
        console.error('AsyncStorage error: ' + error.message);
    }
}

कोड के इस ब्लॉक पर नियंत्रण आने पर यह डिबगर को रोक देगा।

चरण 2: प्रेस Cmd+Dपर ios एमुलेटर और Cmd+Mपर एंड्रॉयड सिम्युलेटर । यदि आप वास्तविक डिवाइस हैं, तो डिवाइस को देव मेनू खोलने के लिए हिलाएं, यदि आप डिवाइस को हिलाना नहीं चाहते हैं तो इस ब्लॉग का अनुसरण करें

चरण 3: चयन करें Enable Remote JS Debugging, यह क्रोम खोलेगा

चरण 4: चुनेंDeveloper Tools.

चरण 5:Sources जहाँ भी आपने debuggerअपने कोड में लिखा है, आपका डिबगर टैब में रुका हुआ है । कंसोल पर जाएं और कोई भी पैरामीटर जिसे आप डिबग करना चाहते हैं (जो कोड ब्लॉक में मौजूद हैं) जैसे: अगले डिबगर बिंदु पर जाने के लिए फिर से सूत्रों पर जाएं -> फिर से शुरू करें स्क्रिप्ट निष्पादन बटन (राइट कॉर्नर ब्लू बटन) पर क्लिक करें

डिबगर रखें, जहाँ भी आप स्क्रिप्ट को रोकना चाहते हैं।

डिबगिंग का आनंद लें !!

Answer 28

आप अपने एप्लिकेशन के iOS संस्करण को डीबग करने के लिए "डिबग जेएस रिमोटली" को सक्षम किए बिना सफारी का उपयोग कर सकते हैं, बस निम्नलिखित चरणों का पालन करें:

1. Enable Develop menu in Safari: Preferences → Advanced → Select "Show Develop menu in menu bar"
2. Select your app's JSContext: Develop → {Your Simulator} → Automatically Show Web Inspector for JS JSContext
3. Safari's Web Inspector should open which has a Console and a Debugger

Answer 29

सबसे पहले अपने आईओएस सिम्युलेटर में, यदि आप [कमांड + डी] कुंजी दबाते हैं तो आप इस स्क्रीन को देख सकते हैं।

फिर डीबग जेएस रिमोटली बटन पर क्लिक करें।

आप इस तरह रिएक्ट नेटिव डीबगर पेज देख सकते हैं।

और फिर अपना निरीक्षक [f12] खोलें, और कंसोल टैब डीबग करें पर जाएँ! :)

Answer 30

प्रतिक्रियाशील मूल 0.62 जारी - आधिकारिक समाधान फ्लिपर 62 है

फ़्लिपर एंड्रॉइड और आईओएस मोबाइल डीबगिंग टूल हैं, जो रिएक्शन नेटिव में डीबग मोड का उपयोग किए बिना होता है।

RN 0.62 (इस लिंक को देखें ) के बाद से, Flipper को डिफ़ॉल्ट प्रोजेक्ट के साथ आरंभ किया गया है।

Flipper में डीबगिंग के लिए कुछ प्लगइन्स हैं। प्लगइन को शामिल Layout, Network,Shared preferences

फ्लिपर का सबसे बड़ा लाभ कई प्लगइन्स भी नहीं हैं, लेकिन आप एंड्रॉइड / आईओएस डिवाइस कंसोल को डीबगिंग भी आसानी से देख सकते हैं।

Flipper आपको क्रैश या नेटवर्क अस्वीकृति के बारे में भी सचेत करता है।

लेआउट प्लगइन में एक्सेसिबिलिटी मोड और लक्ष्य मोड शामिल हैं।

आप अपने आवेदन में कच्चा नेटवर्क अनुरोध / प्रतिक्रिया भी देख सकते हैं।

Comments

क्या हमें मैन्युअल रूप से फ्लिपर स्थापित करना है? या यह किसी भी तरह प्रतिक्रिया मूल के साथ भेज दिया है? यदि हां, तो हम इसे कैसे खोलते हैं?

— चरनोर

@ कॉचर मैंने 0.62 में अपग्रेड करते समय देशी अपग्रेड गाइड का उपयोग करके स्थापित किया

— एमजे स्टूडियो