{"id":4307,"date":"2022-04-28T16:38:33","date_gmt":"2022-04-28T16:38:33","guid":{"rendered":"https:\/\/ic37class.org\/?page_id=4307"},"modified":"2022-04-28T16:39:36","modified_gmt":"2022-04-28T16:39:36","slug":"install-this-website-on-your-phone-tablet-desktop-or-laptop","status":"publish","type":"page","link":"https:\/\/ic37class.org\/install-this-website-on-your-phone-tablet-desktop-or-laptop\/","title":{"rendered":"&#8220;Install&#8221; this website on your phone, tablet, desktop or laptop"},"content":{"rendered":"\n<p>You can install this website on all your web capable devises. A Progressive Web App (PWA) can be installed as you would a &#8220;native&#8221; app from Google Play or the iTunes Store. The website will load MUCH faster, and much of it will work offline or on bad connections. PWAs work best with Chrome but are also supported by Firefox, Edge (the latest Chromium based version) and Safari.<\/p>\n\n\n\n<p>In 2022, installation is possible on desktops and laptops. You must be using a modern browser. <a href=\"https:\/\/www.goodbarber.com\/widget\/browsers\/\" rel=\"nofollow noopener\" target=\"_blank\">Here is a detailed, updated list of browser capabilities<\/a><\/p>\n\n\n\n<p>These steps will add an app icon to your home page \/ home screen<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">DESKTOP \/ LAPTOP<\/h4>\n\n\n\n<p>Desktop PWA installation is fully supported by Chrome and Edge. Here is the screen prompt in Chrome. Just tap the icon (highlighted in grey below) to see the popup. Then click Install:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/desktop_install.jpg\" alt=\"Chrome add PWA to Desktop\" \/><\/figure>\n\n\n\n<p><strong>Microsoft Edge<\/strong><\/p>\n\n\n\n<p>Windows 10: You will see a + button in the Address bar. Select it to get a pop up asking you if you want to install the Progressive Web app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/edge_add.jpg\" alt=\"Edge Add PWA To home\" \/><\/figure>\n\n\n\n<p>Windows 11: Click on the icon on the right side of the address bar that looks like three squares and a plus sign (the hover text is \u201cApp available. Install [app name]) OR choose Apps from the three-dot overflow menu and then click Install [app name].<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/windows11_1.jpg\" alt=\"Add PWA in Windows 11\" \/><\/figure>\n\n\n\n<p>Your new app appears in the Start menu, gets an icon in the Taskbar, and can be converted into a desktop shortcut.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/windows11_2.jpg\" alt=\"Add PWA in Windows 11\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">PHONES AND TABLETS<\/h4>\n\n\n\n<p><strong>Android \/ Chrome<\/strong><\/p>\n\n\n\n<p>Almost any version of Android is OK, but you need at least version 57 of Chrome.<\/p>\n\n\n\n<p>With Chrome on mobile, a banner will appear at the bottom of the screen, tap it, then next screen. An icon will appear just like a &#8220;native&#8221; app.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/chrome_add_mobile.jpg\" alt=\"Chrome add PWA to Screen\" \/><\/figure>\n\n\n\n<p><strong>Safari<\/strong><\/p>\n\n\n\n<p>iOS devices only, minimum version is 11.3 (iPhone 6s and later). Methods and views vary a bit depending on the device.<\/p>\n\n\n\n<p>Tap on the share button (looks like a box with an arrow pointing upwards. May appear at top and\/or bottom of screen depending on which device).<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/safari_add1a.jpg\" alt=\"Chrome add PWA to Screen Desktop\" \/><\/figure>\n\n\n\n<p>Scroll all the way to the right end of the top row of \/wp-content\/uploads\/2022\/03.<\/p>\n\n\n\n<p>Tap the icon labeled Add to Home Screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/ios_addpwa.jpg\" alt=\"Chrome add PWA to Screen Desktop\" \/><\/figure>\n\n\n\n<p>At final prompt tap Add in the upper-right corner.<\/p>\n\n\n\n<p><strong>Firefox<\/strong><\/p>\n\n\n\n<p>Click or touch the home icon (with + in it)<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2022\/03\/firefox_add.jpg\" alt=\"Firefox add PWA to Screen Desktop\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can install this website on all your web capable devises. A Progressive Web App (PWA) can be installed as you would a &#8220;native&#8221; app from Google Play or the&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false},"categories":[],"tags":[],"_links":{"self":[{"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/pages\/4307"}],"collection":[{"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/comments?post=4307"}],"version-history":[{"count":1,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/pages\/4307\/revisions"}],"predecessor-version":[{"id":4308,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/pages\/4307\/revisions\/4308"}],"wp:attachment":[{"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/media?parent=4307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/categories?post=4307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ic37class.org\/wp-json\/wp\/v2\/tags?post=4307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}