From c7a5e6b0d2a9d9326adf2b6de17a73db99439166 Mon Sep 17 00:00:00 2001 From: Francois Laberge Date: Sat, 28 Mar 2015 19:34:40 -0400 Subject: [PATCH] Added tip to configure 'Pause On Caught Exceptions' flag --- docs/Debugging.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/Debugging.md b/docs/Debugging.md index ed5cef542..99bcb991a 100644 --- a/docs/Debugging.md +++ b/docs/Debugging.md @@ -12,8 +12,9 @@ To debug the javascript code of your react app do the following: 1. Run your application in the iOS simulator. 2. Press ```Command + D``` and a webpage should open up at [http://localhost:8081/debugger-ui](http://localhost:8081/debugger-ui). (Chrome only for now) - 3. Press ```Command + Option + I``` to open the Chrome Developer tools, or open it via ```View``` -> ```Developer``` -> ```Developer Tools```. - 4. You should now be able to debug as you normally would. + 3. Enable [Pause On Caught Exceptions](http://stackoverflow.com/questions/2233339/javascript-is-there-a-way-to-get-chrome-to-break-on-all-errors/17324511#17324511) for a better debugging experience. + 4. Press ```Command + Option + I``` to open the Chrome Developer tools, or open it via ```View``` -> ```Developer``` -> ```Developer Tools```. + 5. You should now be able to debug as you normally would. ### Optional Install the [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) extension for Google Chrome. This will allow you to navigate the view hierarchy if you select the ```React``` tab when the developer tools are open. \ No newline at end of file