DevTools
Support us

Support

How can we help?

Find answers to the most common questions or get in touch if you need additional help.

🔒
Privacy Policy
Read the full Web Studio privacy policy.
View policy
🐛
Report a bug
Found a problem? Tell us what happened.
Report bug
💬
Send a suggestion
Have an idea to improve Web Studio? Share it with us.
Send suggestion

FAQ

Frequently asked questions

To install Web Studio, follow these steps:

  1. Go to the Chrome Web Store and search "Devtools Web Studio" or use the direct link
  2. Click "Add to Chrome" and confirm the installation
  3. Click the Web Studio icon in the extensions bar to open the side panel

The extension works immediately after installation, with no additional setup.

Yes, Devtools Web Studio is completely free. There is no paid version, subscription plans or locked premium features.

Web Studio is developed by an independent developer, for the love of the craft. If you want to support the project, you can do so through the donation page at devtools.pt.

Web Studio was built for Chromium-based browsers:

  • Google Chrome (recommended)
  • Microsoft Edge
  • Brave
  • Opera
  • Vivaldi

Firefox and Safari are not supported — they use extensions with a different API (WebExtensions without sidePanel support).

No. Devtools Web Studio does not collect any personal data. There is no account, no telemetry and no own servers.

The extension works completely offline, except in three specific situations:

  • DNS over HTTPS: DNS queries via dns.google (only in the Diagnostics → DNS tab)
  • API Tester: requests are made by your browser to the endpoint you choose
  • Google Chrome Sync: preference sync via Google account (optional)

Yes, with some exceptions. The extension works on most web pages, but has limitations on:

  • Chrome system pages (chrome://, chrome-extension://)
  • Chrome Web Store (Google policies)
  • Some inline PDFs

In these cases, the panel is available but element inspection may be limited.

Everything is stored locally in your browser, via chrome.storage. Preferences are synced via Google Chrome Sync if you are signed in to Chrome.

You can export all your collections and settings as JSON in the Export/Import section in Web Studio Settings.

No. Web Studio is an independent side panel that works alongside Chrome's native DevTools. You can use both simultaneously.

Web Studio does not modify the behaviour of native DevTools or interfere with other extensions.

There are three ways to open the Web Studio side panel:

  • Click the Web Studio icon in the Chrome extensions bar
  • Use the configurable keyboard shortcut in Chrome settings
  • Right-click any element and select "Web Studio" in the context menu

The free Web Studio includes everything, without limits:

  • ✅ Inspector, SEO, Colors, Performance, Design and Diagnostics
  • ✅ API Tester with collections, environments and authentication
  • ✅ 40+ built-in utilities
  • ✅ Sync via Google Chrome Sync
  • ❌ No ads
  • ❌ No required account

Troubleshooting

Common issues and solutions

If you encounter an issue with Web Studio, try the solutions below before reporting a bug.

The side panel won't open
  1. Click the Web Studio icon in the Chrome extensions bar
  2. Check that the extension is active at chrome://extensions
  3. Disable and re-enable the extension and try again
The extension doesn't work on a specific page
  1. Check that the page is not a Chrome system page (chrome://...)
  2. Refresh the page and try again
  3. Disable other extensions to check for conflicts
My API collections disappeared
  1. Go to Settings → Export/Import and check if you have a backup
  2. Check if you are signed in to Chrome (data syncs)
  3. Data may have been cleared when updating Chrome — export regularly
CORS Bypass isn't working
  1. Click the CORS Bypass toggle in the Tools tab
  2. Reload the page after enabling the bypass
  3. Check if the server has additional restrictions (authentication, IP whitelist)
ℹ️
CORS Bypass only works for browser requests — it does not bypass authentication or server restrictions.
Preferences aren't syncing between computers
  1. Check that you are signed in with the same Google account on both Chromes
  2. Go to chrome://settings/syncInternals to check sync status
  3. Force a manual sync at chrome://settings → Sync
  4. If the issue persists, use Export/Import to transfer data manually
Web Studio is very slow or consuming too much memory
  1. Disable JS Errors and Console Live mode if not in use
  2. Clear the API Tester request history in Settings
  3. Reload the extension at chrome://extensions → Devtools Web Studio → Reload
  4. If the issue persists, report the bug with your Chrome and Web Studio version information

Installation

How to install Devtools Web Studio

Via the Chrome Web Store (recommended)

  1. Go to the Chrome Web Store and search "Devtools Web Studio"
  2. Click "Add to Chrome"
  3. Confirm the installation in the popup window
  4. Click the icon in the extensions bar to open the side panel
💡
After installation, Web Studio is available on any tab. The side panel stays visible while you navigate between pages.

Contact

Report a bug or send a suggestion

To help us improve Web Studio, include the following information in your report:

  • Chrome version (chrome://version)
  • Web Studio version (chrome://extensions)
  • Operating system
  • Steps to reproduce the issue
  • What you expected to happen
  • What actually happened
  • Screenshot or screen recording (if possible)
Send message