Source code for React Native's debugger frontend, based on Chrome DevTools. This project is periodically compiled and checked into the React Native repo as @react-native/debugger-frontend
.
This repository is a fork of ChromeDevTools/devtools-frontend.
-
Install
depot_tools
(ensuring yourPATH
is updated). -
This repository must be located inside a gclient workspace directory. Run the
setup.sh
script to perform this one-time step (which will relocate the repo folder).# Using `source` will enable the script to change dir in your shell source setup.sh
npm run build
# or npm run build-release
This can then be served from a static web server to test locally:
python3 -m http.server 8000 --directory out/Default/gen/front_end
The frontend will be available at http://localhost:8000/inspector.html
(or http://localhost:8000/rn_inspector.html
for the RN-specific entry point).
Check out the project documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.
- DevTools documentation: devtools.chrome.com
- Debugging protocol docs and Chrome Debugging Protocol Viewer
- awesome-chrome-devtools: recommended tools and resources
- Contributing to DevTools: bit.ly/devtools-contribution-guide
- Contributing To Chrome DevTools Protocol: docs.google.com
- DevTools Design Review Guidelines: design_guidelines.md
Meta has adopted a Code of Conduct that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.
Read the contributing guide to learn about our development process.
This project extends the BSD 3-Clause license from ChromeDevTools/devtools-frontend, viewable in the LICENSE file.