How can I display the Immersive Reading Mode button on my website when viewed on the Microsoft Edge browser?

Question

I noticed that some websites display the Immersive Reading Mode button when viewed on the Microsoft Edge browser(on the omnibox), and I would like to implement this feature on my own website. Can anyone provide guidance on how to achieve this?

Answer 1

Hi @Jason Grownup ,

Thanks for your reply.

Update：

Do you mean you want to use API or method to display Immersive Reading Mode button or make users into Immersive Reader when they are browsing your website?

Microsoft Edge has a built-in Immersive Reader that you can use on any website by clicking the Enter Immersive Reader button on the address bar.

On Windows edge, you may not see Immersive Reader in the address bar on all pages. If the Immersive Reader button is not available (not visible), this means that Edge can't figure out how to process the current web page and which elements it should strip, and it does not support the reading view for it.

But that doesn't mean the page can't be opened in Immersive Reader.

If you still want to open the page in reading view, you could try entering Immersive Reader in one of the following ways:

• Add the prefix read: to the URL in the address bar and press Enter.
• Select the text that you want to read (or just press CTRL + A to select everything), right-click, and from the context menu, select Open in Immersive Reader.

However, some functions are not implemented in the Android version of Edge. Such as on the mobile edge, Immersive Reading mode is currently only supported on some web pages.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best Regards,

Wenying Lu