Compare Chrome extensions: User-Agent Switcher for Chrome vs React Developer Tools

Stats User-Agent Switcher for Chrome User-Agent Switcher for Chrome React Developer Tools React Developer Tools
User count 2,000,000+ 4,000,000+
Average rating 3.90 4.00
Rating count 2,592 1,496
Last updated 2021-01-19 2024-03-09
Size 129.02K 1.57M
Version 1.1.0 5.0.2 (3/8/2024)
Short description
Spoofs & Mimics User-Agent strings. Adds React debugging tools to the Chrome Developer Tools. Created from revision 47cf347e4 on 3/8/2024.
Full summary

Ever needed to quickly switch between user-agent strings on the fly? Developing a site that needs to work on both mobile browsers and desktop browsers? Sick of some archaic site blocking you because you're not using Netscape 4?

The User-Agent Switcher for Chrome is the answer. With this extension, you can quickly and easily switch between user-agent strings. Also, you can set up specific URLs that you want to spoof every time.

Please note that this does not provide improved privacy while browsing the Internet and that some sites might have other means to figure out that the browser is not what it pretends to be. Running this extension can have performance impact on your browsing experience due to its need to intercept and modify the data communicated to the server.

NOTE: if some sites have problems after using a mobile user-agent, and won't switch back no matter what you spoof, you will need to switch the user-agent back to Chrome and clear your cookies for the sites to treat the browser normally again.

By installing this item, you agree to the Google Terms of Service and Privacy Policy at https://www.google.com/intl/en/policies/.

React Developer Tools is a Chrome DevTools extension for the open-source React JavaScript library. It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

You will get two new tabs in your Chrome DevTools: "⚛️ Components" and "⚛️ Profiler".

The Components tab shows you the root React components that were rendered on the page, as well as the subcomponents that they ended up rendering.

By selecting one of the components in the tree, you can inspect and edit its current props and state in the panel on the right. In the breadcrumbs you can inspect the selected component, the component that created it, the component that created that one, and so on.

If you inspect a React element on the page using the regular Elements tab, then switch over to the React tab, that element will be automatically selected in the React tree.

The Profiler tab allows you to record performance information.

This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.