{"id":959,"date":"2014-11-03T08:03:14","date_gmt":"2014-11-03T08:03:14","guid":{"rendered":"http:\/\/www.sharonmurphy.com\/wordpress\/?p=959"},"modified":"2020-07-24T13:24:14","modified_gmt":"2020-07-24T12:24:14","slug":"webpage-readability-safari","status":"publish","type":"post","link":"https:\/\/www.sharonmurphy.com\/wordpress\/2014\/11\/webpage-readability-safari\/","title":{"rendered":"Improving Webpage Readability in Safari on iOS"},"content":{"rendered":"<p>I don&#8217;t know how I&#8217;ve managed to miss this trick up to now, but I&#8217;m pretty sure it&#8217;s going to change my life. If you read web pages on an iOS device, it may change yours too.<\/p>\n<p>If you&#8217;re looking at a webpage in the Safari browser on iOS and you see a little\u00a0<a href=\"https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/ReaderIcon.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/ReaderIcon.jpg\" alt=\"Reader Icon\" width=\"14\" height=\"12\" \/><\/a> icon to the left of the URL field, you can click the icon to strip out all extraneous information on the page leaving only the text (automatically bumped up to a more readable size) and the images associated with the main page story. See the example below.<\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><figure id=\"attachment_961\" aria-describedby=\"caption-attachment-961\" style=\"width: 225px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-961 size-medium\" src=\"\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2-225x300.jpeg\" alt=\"Webpage With All the Trimmings\" width=\"225\" height=\"300\" srcset=\"https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2-225x300.jpeg 225w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2-768x1024.jpeg 768w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2-624x832.jpeg 624w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image2.jpeg 960w\" sizes=\"auto, (max-width: 225px) 85vw, 225px\" \/><\/a><figcaption id=\"caption-attachment-961\" class=\"wp-caption-text\">Webpage With All the Trimmings<\/figcaption><\/figure><\/td>\n<td>\n<p><figure id=\"attachment_962\" aria-describedby=\"caption-attachment-962\" style=\"width: 225px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3.jpeg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-962 size-medium\" src=\"\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3-225x300.jpeg\" alt=\"Stripped Back Webpage\" width=\"225\" height=\"300\" srcset=\"https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3-225x300.jpeg 225w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3-768x1024.jpeg 768w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3-624x832.jpeg 624w, https:\/\/www.sharonmurphy.com\/wordpress\/wp-content\/uploads\/2014\/11\/image3.jpeg 960w\" sizes=\"auto, (max-width: 225px) 85vw, 225px\" \/><\/a><figcaption id=\"caption-attachment-962\" class=\"wp-caption-text\">Stripped Back Webpage<\/figcaption><\/figure><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Note:<\/strong> You can achieve the same results on a MacOS device by clicking the <strong>Reader<\/strong> button to the right of the URL field.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I don&#8217;t know how I&#8217;ve managed to miss this trick up to now, but I&#8217;m pretty sure it&#8217;s going to change my life. If you read web pages on an iOS device, it may change yours too. If you&#8217;re looking at a webpage in the Safari browser on iOS and you see a little\u00a0 icon &hellip; <a href=\"https:\/\/www.sharonmurphy.com\/wordpress\/2014\/11\/webpage-readability-safari\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Improving Webpage Readability in Safari on iOS&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[48,47,19],"class_list":["post-959","post","type-post","status-publish","format-standard","hentry","category-tech","tag-browser","tag-ios","tag-productivity"],"_links":{"self":[{"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/posts\/959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/comments?post=959"}],"version-history":[{"count":3,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/posts\/959\/revisions"}],"predecessor-version":[{"id":1455,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/posts\/959\/revisions\/1455"}],"wp:attachment":[{"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/media?parent=959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/categories?post=959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sharonmurphy.com\/wordpress\/wp-json\/wp\/v2\/tags?post=959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}