diff --git a/docs/development/react-devtools.md b/docs/development/react-devtools.md new file mode 100644 index 0000000..078adef --- /dev/null +++ b/docs/development/react-devtools.md @@ -0,0 +1,19 @@ +--- +title: React Developer Tools +description: Installing and using React Developer Tools in Spotify. +--- + +To install React Developer Tools in Spotify: + +1. Launch Spotify in the developer mode (and with the `--enable-chrome-runtime` flag if you are using **Spotify older than 1.2.34**; without it React Developer Tools won't work) +2. Press *Ctrl + Shift + T* +3. Press *Ctrl + N* +4. Navigate to the React Developer Tools page on Chrome Web Store using the address bar: `https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi` +5. Press the "Add to Chrome" button +6. Confirm your choice + +You may need to press *F5* to get the extension working. + +If you get an error saying that you're not allowed to install extensions, try using this switch: `--allowlisted-extension-id=fmkadmapgofadopljbjfkapdkoienihi`. + +You can find more info about React Developer Tools on the [official React website](https://react.dev/learn/react-developer-tools). diff --git a/sidebars.js b/sidebars.js index 04956c0..6b62cbb 100644 --- a/sidebars.js +++ b/sidebars.js @@ -49,6 +49,7 @@ const sidebars = { 'development/themes', 'development/custom-apps', 'development/js-modules', + 'development/react-devtools', 'development/spotify-cli-flags', { type: 'category',