From eb5d61e40a6701012fe0e9c151ba10e46c2d734d Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Fri, 2 Nov 2018 17:57:12 +0000 Subject: [PATCH] Deploy website Deploy website version based on f99276701d6c8bcf066dc6b7e523cd09a8c65c2c --- docs/next/debugging.html | 12 ++++++++++++ docs/next/debugging/index.html | 12 ++++++++++++ 2 files changed, 24 insertions(+) diff --git a/docs/next/debugging.html b/docs/next/debugging.html index 9d781df2a41..696ad6b1308 100644 --- a/docs/next/debugging.html +++ b/docs/next/debugging.html @@ -81,6 +81,18 @@ YellowBox.ignoreWarnings(['Warning: ...']);

Custom debugger commands executed this way should be short-lived processes, and they shouldn't produce more than 200 kilobytes of output.

+

Safari Developer Tools

+

You can use Safari to debug the iOS version of your app without having to enable "Debug JS Remotely".

+ +

However, there are some disadvantages:

+
    +
  1. No sourcemaps when debugging
    2. +
  2. Every time the app is reloaded (using live reload, or by manually reloading), a new JSContext is created. Choosing "Automatically Show Web Inspectors for JSContexts" saves you from having to select the latest JSContext manually.
    3. +

React Developer Tools

You can use the standalone version of React Developer Tools to debug the React component hierarchy. To use it, install the react-devtools package globally:

npm install -g react-devtools
diff --git a/docs/next/debugging/index.html b/docs/next/debugging/index.html
index 9d781df2a41..696ad6b1308 100644
--- a/docs/next/debugging/index.html
+++ b/docs/next/debugging/index.html
@@ -81,6 +81,18 @@ YellowBox.ignoreWarnings(['Warning: ...']);
 

 
Custom debugger commands executed this way should be short-lived processes, and they shouldn't produce more than 200 kilobytes of output.

 

+
Safari Developer Tools

+
You can use Safari to debug the iOS version of your app without having to enable "Debug JS Remotely".

+
    
+
  • Enable Develop menu in Safari: Preferences → Advanced → Select "Show Develop menu in menu bar"
    • 
+
  • Select your app's JSContext: Develop → Simulator → JSContext
    • 
+
  • Safari's Web Inspector should open which has a Console and a Debugger
    • 
+

+
However, there are some disadvantages:

+
    
+
  1. No sourcemaps when debugging
    2. 
+
  2. Every time the app is reloaded (using live reload, or by manually reloading), a new JSContext is created. Choosing "Automatically Show Web Inspectors for JSContexts" saves you from having to select the latest JSContext manually.
    3. 
+

 
React Developer Tools

 
You can use the standalone version of React Developer Tools to debug the React component hierarchy. To use it, install the react-devtools package globally:

 
npm install -g react-devtools