Leseansicht / Reading View in Internet Explorer, Firefox etc.

[Nina]

Habt ihr aktuelle Infos, wonach sich in den moderneren Browsern die Leseansicht (Reading View) richtet? Also woran machen diese Features fest, welche Elemente sie in die Leseansicht mitaufnehmen und was nicht?

Laut diesem Thread bei Stackoverflow wären das u.a:

• <title>-Element muss gefüllt sein (Standard in Contao)
• <h1>-Element darf nicht leer sein (sollten Redakteure sowieso nutzen); Wird als Page Title in der Leseansicht genutzt.
• Text sollte wenigstens 700 Zeichen haben
• Bilder sollten >= 400 px groß sein und ein aspect Ratio von >= 1/3 und =< 3.0 haben. Bilder mit geringerer Breite werden möglicherweise ausgegeben, wenn sie Captions haben.
• <pre>-Element im Quellcode behindert die Leseansicht

Wisst ihr mehr dazu? Weitere Quellen? Unterschiede bei den Browsern? Reagieren die Leseansichten auf HTML5-Elemente oder Microdata? Ich möchte das gerne weiter testen, da mir zugetragen wurde, dass die Leseansicht u.a. bei Menschen mit Sehbehinderung recht beliebt ist.

Die Ergebnisse meiner Recherche werde ich nach und nach hier ergänzen.

[FloB]

Ich weiß davon: https://www.readability.com/develope...ines#publisher – ich dachte auch, dass die irgendwas Open Source haben, finde aber auf die schnelle nix auf deren Website (bin am Handy mit wenig Akku) … vielleicht gibt's was bei github? Oder verwechsele ich die mit nem anderen Anbieter?

Ähnliche Guides dürften bei den anderen Anbietern vergleichbarer Dienste auch zu finden sein (Read It Later, Pocket, Instapaper, …). Bei Firefox ist der Code auf jeden Fall auch offen – vielleicht mal auf der firefox-dev Mailing Liste oder im IRC nach dem zuständigen Peer fragen? Und wegen IE vielleicht mal Christian Heilmann auf Twitter anfunken (Marco Zehe hat im Zweifel auch nen Kontakt, mit dem hast du doch schonmal gearbeitet, oder?), der macht jetzt Dev Relations bei MS – und die sind in letzter Zeit recht offen.

[FloB]

Hab endlich gefunden, was ich damals gesucht hatte:

- Uebersicht: https://github.com/masukomi/ar90-readability
- https://github.com/mozilla/readability (Firefox-Version, wird weiter aktualisiert)
- https://github.com/Kerrick/readability-js
- https://github.com/luin/readability
- https://github.com/arrix/node-readability
- https://github.com/buriy/python-readability
- Original(?): https://gist.github.com/jakedahn/872192

Die Algorithmen haben sich seitdem sicher weiterentwickelt, aber das ist ein Start.

Mehr Info: http://stackoverflow.com/questions/3...text-from-urls