Compare Edge add-ons: Reader View vs React Developer Tools

Stats Reader View Reader View React Developer Tools React Developer Tools
User count 67,578 849,242
Average rating 4.80 4.40
Rating count 33 60
Last updated 2023-12-23 2024-03-08
Size 279.91K 1.57M
Version 0.7.5 5.0.2 (3/8/2024)
Short description
Strips away clutter like buttons, background images, and changes the page's text size, contrast and layout for better readability Adds React debugging tools to the Microsoft Edge Developer Tools. Created from revision 47cf347e4 on 3/8/2024.
Full summary

Reader View extension brings Mozilla's open-source Readability implantation to Chromium. Using this extension you can strip clutters from webpages and read them on "Reader View" mode. The extension allows you to toggle between normal view and reader view by pressing the page-action button.

Note that reader view mode works best for web pages that have a lot of content. There are some tools in the left side panel that can help you personalize your Reader View. You can change color, background-color, font-size, font-family and width of the reader view.

Features: -> Remove distraction -> Read in fullscreen mode -> Remove advertisements -> Save in HTML format -> Print document -> Read content using a powerful Text to Speech (TTS) engine -> Edit HTML content (live editor) -> Email document (with title, body, and reference to the original document) -> Correctly display mathematical formulas (MathJax equations are Supported) -> Highlight selected text

See more

React Developer Tools is a browser DevTools extension for the open-source React JavaScript library.

You will get two new tabs in your Edge 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.