diff --git a/docs/extending/debugging.md b/docs/extending/debugging.md new file mode 100644 index 000000000..512695731 --- /dev/null +++ b/docs/extending/debugging.md @@ -0,0 +1,10 @@ +--- +id: debugging +title: Debugging +--- + +Flipper is built on Electron which itself is built on Chromium. This means we can debug Flipper using Chrome's developer tools. Flipper will also automatically install the React devtools extension allowing you to have better insight into what is going on in your plugin. + +You can open the dev tools from the menu with `View` > `Toggle Developer Tools` or pressing ⌥⌘I on a Mac. + +In addition to helping you with the JavaScript, the JS console will also display uncaught exceptions thrown from the client plugin in response to Flipper method calls. diff --git a/website/i18n/en.json b/website/i18n/en.json index 65c8054f1..e9455f1ff 100644 --- a/website/i18n/en.json +++ b/website/i18n/en.json @@ -18,6 +18,9 @@ "extending/create-table-plugin": { "title": "Create Table Plugin" }, + "extending/debugging": { + "title": "Debugging" + }, "extending/error-handling": { "title": "Error Handling" }, diff --git a/website/sidebars.json b/website/sidebars.json index 899322cf0..0996fd147 100644 --- a/website/sidebars.json +++ b/website/sidebars.json @@ -40,7 +40,8 @@ "extending/create-plugin", "extending/send-data", "extending/error-handling", - "extending/testing" + "extending/testing", + "extending/debugging" ], "Other Platforms": [ "extending/new-clients",