{"id":36699,"date":"2018-03-09T03:01:13","date_gmt":"2018-03-08T17:01:13","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=36699"},"modified":"2018-03-09T08:53:05","modified_gmt":"2018-03-08T22:53:05","slug":"firefox-reader-view-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/firefox-reader-view-primer-tutorial\/","title":{"rendered":"Firefox Reader View Primer Tutorial"},"content":{"rendered":"
\"Firefox<\/a>

Firefox Reader View Primer Tutorial<\/p><\/div>\n

We’re big fans of “Reader Views” in the modern web browsers. Firefox has got one called … you guessed it … “Reader View”.<\/p>\n

The idea behind “Reader Views” is that they offer to declutter views of “selected” webpage data. “Selected”? Read on …<\/p>\n

\nWhy does Firefox Reader View sometimes display the error message “Failed to load article from page”?<\/summary>\n

Our short answer is ‘it happens when encountering “malformed” HTML’ (where “malformed” is in the eye of the Reader View code) and read more here<\/a>.
\n<\/details>\n

\nHow does Firefox Reader View do its decluttering?<\/summary>\n

Please read Richard Neish and Martin conversation, thanks (and to Stack Overflow<\/a>) at this link<\/a>.
\n<\/details>\n

\nWhen does Firefox Reader View fire for a web page’s contents?<\/summary>\n

\nYou need at least one <p> tag around the text, you want to see in Reader View and at least 516 characters in 7 words inside the text.
\n
\nfor example this will trigger the ReaderView:
\n
\n<body>
\n<p>
\n 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
\n 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
\n 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
\n 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
\n 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
\n 123456789 123456
\n<\/p>
\n<\/body>
\n
\nSee my example at https:\/\/stackoverflow.com\/a\/30750212\/1069083<\/a>
\n
\n… read more<\/a> …
\n<\/details>\n

\nWhere in the browser menus does Firefox Reader View functionality happen?<\/summary>\n

On a Mac OS X MacBook Pro Firefox web browser, if it suits your content, it is at View->Enter Reader View
\n<\/details>\n

\nWhich browsers have a Reader View?<\/summary>\n
    \n
  1. Firefox’s readerview<\/li>\n
  2. Microsoft’s Read later thing<\/li>\n
  3. Chrome’s Readability<\/li>\n
  4. Evernote’s Clearly<\/li>\n
  5. Safari’s Reading List<\/li>\n<\/ol>\n

    … got from this useful link<\/a>, thanks
    \n<\/details>\n

    \nDo mobile platforms have Reader View functionality?<\/summary>\n

    There is Firefox for Android<\/a> support, at the very least.
    \n<\/details>\n

    \nWho started Reader Views on the Internet?<\/summary>\n

    Maybe it was Microsoft (Mar 4, 2014) …<\/p>\n

    \nReading view is a new feature in Internet Explorer 11 for Windows 8.1 that helps you focus on the main content of the Web page you want to read. Reading view is a way to experience just the article or blog post you want to read, without the distractions of related (or unrelated) content surrounding the story. Find an article you want to read, switch to reading view, and settle into a great reading experience. When you\u2019re done, just exit reading view to continue browsing on the site.\n<\/p><\/blockquote>\n

    … and read more<\/a> …
    \n<\/details>\n

    Our tutorial picture<\/a>, today, explains how we got around some malformed (in Firefox Reader View’s view) HTML to, at first, be getting the error message “Failed to load article from page”, and then getting around this.<\/p>\n

    If this was interesting you may be interested in this<\/a> too.<\/p>\n