How to enable iOS 5 Safari Reader on my website?

by

A lot of the answers posted here contain false information. Here are some corrections/clarifications:

  1. The <article> element works fine as a wrapper; Safari Reader recognizes it. My site is an example. It doesn’t matter which wrapper element you choose, as long as there is one, other than <body> or <p>. You can use <article>, <div>, <section>; or elements that are semantically incorrect for this purpose, like <nav>, <aside>, <footer>, <header>; or even inline elements like <span> (!).

  2. No headings are required for Reader to work. Here’s an example of a document without any <h*> elements on which Reader works fine: http://mathiasbynens.be/demo/safari-reader-test-3

I posted some more details regarding my findings here: http://mathiasbynens.be/notes/safari-reader

More Related Contents:

  1. HTML5 Video tag not working in Safari , iPhone and iPad
  2. How to disable phone number linking in Mobile Safari?
  3. iOS 5 fixed positioning and virtual keyboard
  4. How Nike+ GPS on iPhone receives accelerometer updates in the background?
  5. Mobile Safari bug on fixed positioned button after scrollTop programmatically changed…?
  6. programmatically changing webkit-transformation values in animation rules
  7. Difference between onbeforeunload and onunload
  8. Total canvas memory use exceeds the maximum limit (Safari 12)
  9. Some font-size’s rendered larger on Safari (iPhone)
  10. ‘pageshow’ is not received when pressing “back” button on Safari on *IPad”
  11. Tell iPadOS from macOS on the web
  12. Can I programmatically clear my app’s notifications from the iOS 5 Notification Center?
  13. How to open Safari from a WebApp in iOS 7
  14. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  15. What is the difference between screenX/Y, clientX/Y and pageX/Y?
  16. Invalid date in safari
  17. How to insert utf-8 mb4 character(emoji in ios5) in mysql?
  18. Is it possible to Turn page programmatically in UIPageViewController?
  19. Prevent safari loading from cache when back button is clicked
  20. How to build for armv6 and armv7 architectures with iOS 5
  21. How can I launch Safari from an iPhone app?
  22. Open Safari / Google Chrome developer tools programmatically from JavaScript
  23. CSS submit button weird rendering on iPad/iPhone
  24. Disabling same-origin policy in Safari
  25. What is the best Core Image filter to produce black and white effects?
  26. Using Multiple Storyboards in iOS
  27. Singleton in iOS 5?
  28. Swift Open Link in Safari
  29. How to access iPhone Safari History in an App?
  30. -[Not A Type retain]: message sent to deallocated instance

Leave a Comment