{"id":22439,"date":"2016-10-12T11:39:46","date_gmt":"2016-10-12T09:39:46","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/"},"modified":"2016-10-12T11:39:47","modified_gmt":"2016-10-12T09:39:47","slug":"chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/","title":{"rendered":"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div readability=\"44.282250242483\">\n<article readability=\"31.510758776897\">\n<p>Per chi fosse alla esame di alternative con le quali portare avanti nell&#8217;implementazione dei propri progetti esistono diverse soluzioni, a cominciare dallo sviluppo di <strong>Web App<\/strong> in sostituzione delle delle packaged e delle hosted App create, con l&#8217;ulteriore vantaggio di garantire una maggiore compatibilit\u00e0 cross-platform. Eventuali funzionalit\u00e0 non supportate potranno essere gestite tramite feature detection, gracefull degrading per i programmi di navigazione meno aggiornati ed eventuali segnalazioni testuali per gli utilizzatori.<\/p>\n<p>A questo proposito si segnala la disponibilit\u00e0 di uno strumento come <a href=\"https:\/\/github.com\/chromium\/caterpillar\" title=\"Caterpillar\" target=\"_blank\">Caterpillar<\/a>, appositamente concepito per facilitare la migrazione di facili Chrome App in <strong>Progressive Web App<\/strong>; si tratta di uno strumento che consente di inserire JavaScript per la sostituzione delle API Chrome utilizzate, non rappresenta per\u00f2 una soluzioni completa perch\u00e9, ad modello, non consente di convertire applicazioni che prevedono processi di background.<\/p>\n<p>Se non si dovesse scegliere la strada delle Progressive Web App si potr\u00e0 optare per delle <strong>estensioni<\/strong> che sfruttino extension API, si tratta per\u00f2 di un&#8217;opzione non ottimale dal punto di vista dell&#8217;usabilit\u00e0 perch\u00e9 richiede l&#8217;installazione di componenti aggiuntivi e pone diversi errori dal punto di vista della compatibilit\u00e0 cross-browser, senza contare quella che potrebbe essere una naturale resistenza degli utenti a questo tipo di procedure.<\/p>\n<p>Scartate le ipotesi delle Web App e delle estensioni, si potrebbe preferire lo sviluppo di <strong>applicazioni native<\/strong>, in questo caso framework come Electron e NWJS potrebbero consentire di riutilizzare il codice JavaScript pre-esistente, magari sfruttando API basate su NodeJS per risolvere eventuali lacune delle API Chrome. <\/p>\n<p>Via <a href=\"https:\/\/developer.chrome.com\/apps\/migration\" title=\"Chrome Developer\" target=\"_blank\">Chrome Developer<\/a><\/p>\n<p>&#13;<br \/>\n          <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/11\/10\/2016\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F11%2F10%2F2016%2Fchrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app%2F&via=html_it&text=Chrome%3A%20Progressive%20Web%20App%20ed%20estensioni%2C%20no%20a%20packaged%20e%20hosted%20App','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n          &#13;<br \/>\n\t\t<\/article>\n<div readability=\"5.8135593220339\">\n            <!--\n\n<style>\n\n.newletter-item, .newsletter-box \n  \/*float: left;\n  margin: 5px 0 20px 0;*\/\n  display: block;\n  width: 100%;\n\n\n.newletter-item, .newsletter-box p \n    font-size: 18px;\n    letter-spacing: 0.3px;\n    line-height: 28px;\n    padding: 0 0 34px 0;\n    color: #161616;\n    font-family: 'Alegreya', serif;\n\n\n.newletter-item, .newsletter-box p span \n  font-weight: bold;\n\n\n.newsletter-box img\n    width: 48px;\n    height: auto;\n    margin: 0 auto 34px auto;\n\n\n.newsletter-panel \n  display: block;\n  width: auto;\n  height: 129px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-bg.png) no-repeat;\n  position: relative;\n  left: 0px;\n\n.newsletter-panel form \n  margin: 0;\n\n.newsletter-panel .line-item \n  display: block;\n  float: left;\n  margin: 0 0 0 20px;\n  display: block;\n  width: 408px;\n\n.newsletter-panel input \n  float: left;\n  display: block;\n\n.newsletter-panel input[type=\"text\"] \n  margin: 20px 0 10px 20px;\n  width: 395px;\n  height: 26px;\n  line-height: 26px;\n  padding: 2px;\n\n.newsletter-panel input[type=\"radio\"] \n  margin: 6px 3px 0 0;\n\n.newsletter-panel label.radio-item \n  float: left;\n  display: block;\n  font-size: 1em;\n  width: 10px;\n  margin: 6px 10px 0 0;\n\n.newsletter-panel .lable-text \n  display: block;\n  float: left;\n  width: 240px;\n  font-size: 10px !important;\n  color: #333333 !important;\n  line-height: 130%;\n  margin: 6px 0 0 0px !important;\n\n.newsletter-panel .lable-text a \n  color: #333\n\n.newsletter-panel input[type=\"button\"] \n  position: relative;\n  top: -50px;\n  left: 64px;\n  width: 127px;\n  height: 47px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt.png) no-repeat;\n  background-repeat: no-repeat;\n  border: 0;\n  cursor: pointer;\n\n.newsletter-panel input[type=\"button\"]:hover \n  background-image: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt-roll.png);\n\n.newsletter-panel label.radio-item \n  font-size: 10px !important;\n\n.error-newsletter\npadding: 10px 20px;\n\n<\/style>\n\n--><\/p>\n<div id=\"newsletter_div\" class=\"newletter-item nav-txt newsletter-box\" readability=\"7.4745762711864\">\n<p>Se vuoi aggiornamenti su <b>Chrome: Progressive Web App ed estensioni, no a packaged e hosted App<\/b> inserisci la tua e-mail nel box qui sotto:<\/p>\n<\/div><\/div><\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/ML2o51eyAaY\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per chi fosse alla esame di alternative con le quali portare avanti nell&#8217;implementazione dei propri progetti esistono diverse soluzioni, a cominciare dallo sviluppo di Web App in sostituzione delle delle packaged e delle hosted App create, con l&#8217;ulteriore vantaggio di garantire una maggiore compatibilit\u00e0 cross-platform. Eventuali funzionalit\u00e0 non supportate potranno essere gestite tramite feature detection,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Per chi fosse alla esame di alternative con le quali portare avanti nell&#8217;implementazione dei propri progetti esistono diverse soluzioni, a cominciare dallo sviluppo di Web App in sostituzione delle delle packaged e delle hosted App create, con l&#8217;ulteriore vantaggio di garantire una maggiore compatibilit\u00e0 cross-platform. Eventuali funzionalit\u00e0 non supportate potranno essere gestite tramite feature detection,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2016-10-12T09:39:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-12T09:39:47+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/\",\"name\":\"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2016-10-12T09:39:46+00:00\",\"dateModified\":\"2016-10-12T09:39:47+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/","og_locale":"it_IT","og_type":"article","og_title":"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Per chi fosse alla esame di alternative con le quali portare avanti nell&#8217;implementazione dei propri progetti esistono diverse soluzioni, a cominciare dallo sviluppo di Web App in sostituzione delle delle packaged e delle hosted App create, con l&#8217;ulteriore vantaggio di garantire una maggiore compatibilit\u00e0 cross-platform. Eventuali funzionalit\u00e0 non supportate potranno essere gestite tramite feature detection,...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2016-10-12T09:39:46+00:00","article_modified_time":"2016-10-12T09:39:47+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/","name":"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2016-10-12T09:39:46+00:00","dateModified":"2016-10-12T09:39:47+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/chrome-progressive-web-app-ed-estensioni-no-a-packaged-e-hosted-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"Chrome: Progressive Web App ed estensioni, no a packaged e hosted App"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22439"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=22439"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22439\/revisions"}],"predecessor-version":[{"id":22440,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22439\/revisions\/22440"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}