PageSourceSearch

https://upplication.com/es/progressive-web-app/

html upplication.com collected 2026-10-01 11:53:00 UTC 62,813 bytes, 595 lines download raw bytes

1<!DOCTYPE html>
2<!--if lt IE 7<html class="ie ie6 no-js" lang="es" data-lang="es">
3-->
4<!--if IE 7<html class="ie ie7 no-js" lang="es" data-lang="es">
5-->
6<!--if IE 8<html class="ie ie8 no-js" lang="es" data-lang="es">
7-->
8<!--if IE 9<html class="ie ie9 no-js" lang="es" data-lang="es">
9-->
10<!-- [if gt IE 9] <!-->
11<html lang="es" data-lang="es" class="no-js">
12  <!-- <![endif]-->
13  <head>
14    <title>PWA: Progressive Web App</title>
15    <meta charset="utf-8">
16    <meta http-equiv="X-UA-Compatible" content="IE=edge">
17    <meta name="description" content="Qué es una Progressive Web App en Upplication: el creador de aplicaciones para empresas. Sin programar, fácil y en pocos minutos">
18    <meta name="keywords" content="PWA, Progressive Web App, app, aplicación, creador de apps, app para empresas, creador de apps online, crear app sin saber programar, crear app, crear app android, crear app iphone, crear aplicacion, crear app online, crear app movil">
19    <meta name="author" content="Bots & Ads S.L">
20    <meta name="viewport" content="width=device-width, initial-scale=1">
21    <meta name="msapplication-TileColor" content="#00a300">
22    <meta name="msapplication-TileImage" content="//www.upplication.com/images/favicon/mstile-144x144.png">
23    <meta name="theme-color" content="#ffffff">
24    <meta name="google-site-verification" content="129jFPaChS0aAgL4dXgc1-1LuQuxiEtBybMQsjzXy98">
25    
25<script type="text/javascript">
26      window.$UPP = window.$UPP || {};
27      $UPP.localConfig = {"tagmanager_token":"GTM-PPJS3G","webmaster_token":"129jFPaChS0aAgL4dXgc1-1LuQuxiEtBybMQsjzXy98","base_path":"//www.upplication.com","dashboard_base_path":"//dashboard.upplication.com","newrelic":{"licenseKey":"8eee99f18b","applicationID":"30437098"},"env":"PRO"};
28      //- Fix for IE
29      if (!window.location.origin) {
30        window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: '');
31      }
32      
33      var base = window.location.origin;
34      
35      var BASE_PATH = "//www.upplication.com";
36      var DASHBOARD_PATH = "//dashboard.upplication.com";
37      document.write('<base href="' + base + '" />');
38      //- Javascript Error messages
39      var ajax = {"error": []};
40      ajax.error[2] = "Error al crear la app, por favor ponte en contacto con nosotros";
41      ajax.error[3] = "Este e-mail ya está registrado";
42      ajax.error[4] = "Ese nombre de app ya lo han elegido";
43      ajax.error[5] = "El código seller no es correcto";
44      ajax.error[6] = "Nombre de app y e-mail ya registrados";
45      ajax.error[10] = "El e-mail o el nombre de app están por rellenar";
46      ajax.error[11] = "Ese nombre de la app no es valido, prueba a eliminar los carácteres especiales";
47      ajax.error[13] = "El código de validación es inválido";
48      
49    </script>
49
50    
50<script type="text/javascript" src="//www.upplication.com/scripts/header.js"></script>
50
51    
51<script type="text/javascript">checkLanguage("es", {"about_us":{"es":"//www.upplication.com/es/nosotros/","en":"//www.upplication.com/en/about-us/","pt":"//www.upplication.com/pt/nós/","id":"//www.upplication.com/id/about-us/","es-MX":"//www.upplication.com/mx/nosotros/"},"company":{"es":"//www.upplication.com/es/bio-de-empresa/","en":"//www.upplication.com/en/company-bio/","pt":"//www.upplication.com/pt/bio-do-companhia/","id":"//www.upplication.com/id/company-bio/","es-MX":"//www.upplication.com/mx/bio-de-empresa/"},"home":{"es":"//www.upplication.com/","en":"//www.upplication.com/en/","pt":"//www.upplication.com/pt/","id":"//www.upplication.com/id/","es-MX":"//www.upplication.com/mx/"},"home_telefonica_mpos":{"es":"//www.upplication.com/en/telefonica/","en":"//www.upplication.com/es/telefonica/","pt":"//www.upplication.com/pt/telefonica/","id":"//www.upplication.com/id/telefonica/","es-MX":"//www.upplication.com/mx/telefonica/"},"internal_server_error":{"es":"//www.upplication.com/es/error-interno-del-servidor/","en":"//www.upplication.com/en/internal-server-error/","pt":"//www.upplication.com/pt/erro-interno-do-servidor/","id":"//www.upplication.com/id/internal-server-error/","es-MX":"//www.upplication.com/mx/error-interno-del-servidor/"},"offer":{"es":"//www.upplication.com/es/oferta-practicas-developer/","en":"//www.upplication.com/en/offer-trainee-developer/","pt":"//www.upplication.com/pt/oferta-estágio-developer/","id":"//www.upplication.com/id/offer-trainee-developer/","es-MX":"//www.upplication.com/mx/oferta-practicas-developer/"},"ono":{"es":"//www.upplication.com/es/ejemplos-vodafone/","en":"//www.upplication.com/en/vodafone-examples/","pt":"//www.upplication.com/pt/exemplos-vodafone/","id":"//www.upplication.com/id/vodafone-examples/","es-MX":"//www.upplication.com/mx/ejemplos-vodafone/"},"page_not_found":{"es":"//www.upplication.com/es/pagina-no-encontrada/","en":"//www.upplication.com/en/page-not-found/","pt":"//www.upplication.com/pt/página-não-encontrada/","id":"//www.upplication.com/id/page-not-found/","es-MX":"//www.upplication.com/mx/pagina-no-encontrada/"},"prices":{"es":"//www.upplication.com/es/precios/","en":"//www.upplication.com/en/prices/","pt":"//www.upplication.com/pt/preços/","id":"//www.upplication.com/id/prices/","es-MX":"//www.upplication.com/mx/precios/"},"prices_aplicateca":{"es":"//www.upplication.com/es/precios-aplicateca/","en":"//www.upplication.com/en/prices-aplicateca/","pt":"//www.upplication.com/pt/preços-aplicateca/","id":"//www.upplication.com/id/prices-aplicateca/","es-MX":"//www.upplication.com/mx/precios-aplicateca/"},"pwa":{"es":"//www.upplication.com/es/progressive-web-app/","en":"//www.upplication.com/en/progressive-web-app/","pt":"//www.upplication.com/pt/progressive-web-app/","id":"//www.upplication.com/id/progressive-web-app/","es-MX":"//www.upplication.com/mx/progressive-web-app/"},"santander_totta":{"es":"//www.upplication.com/es/conecte-o-seu-negocio/","en":"//www.upplication.com/en/conecte-o-seu-negocio/","pt":"//www.upplication.com/pt/conecte-o-seu-negocio/","id":"//www.upplication.com/id/conecte-o-seu-negocio/","es-MX":"//www.upplication.com/mx/conecte-o-seu-negocio/"},"santander_totta_terms":{"es":"//www.upplication.com/es/legal-conecte-o-seu-negocio/","en":"//www.upplication.com/en/legal-conecte-o-seu-negocio/","pt":"//www.upplication.com/pt/legal-conecte-o-seu-negocio/","id":"//www.upplication.com/id/legal-conecte-o-seu-negocio/","es-MX":"//www.upplication.com/mx/legal-conecte-o-seu-negocio/"},"successful_showcase":{"es":"//www.upplication.com/es/asis-and-gross/","en":"//www.upplication.com/en/asis-and-gross-sucessfull-showcase/","pt":"//www.upplication.com/pt/asis-and-gross/","id":"//www.upplication.com/id/asis-and-gross-sucessfull-showcase/","es-MX":"//www.upplication.com/mx/asis-and-gross/"},"successful_showcase_services":{"es":"//www.upplication.com/es/fisiohogar/","en":"//www.upplication.com/en/fisiohogar-sucessfull-showcase/","pt":"//www.upplication.com/pt/fisiohogar/","id":"//www.upplication.com/id/fisiohogar-sucessfull-showcase/","es-MX":"//www.upplication.com/mx/fisiohogar/"},"terms":{"es":"//www.upplication.com/es/terminos/","en":"//www.upplication.com/en/terms/","pt":"//www.upplication.com/pt/termos/","id":"//www.upplication.com/id/terms/","es-MX":"//www.upplication.com/mx/terminos/"},"terms_aplicateca":{"es":"//www.upplication.com/es/terminos-aplicateca/","en":"//www.upplication.com/en/terms-aplicateca/","pt":"//www.upplication.com/pt/termos-aplicateca/","id":"//www.upplication.com/id/terms-aplicateca/","es-MX":"//www.upplication.com/mx/terminos-aplicateca/"},"terms_rapport":{"es":"//www.upplication.com/es/tu-negocio-proximo-terminos/","en":"//www.upplication.com/en/tnp-terms/","pt":"//www.upplication.com/pt/tnp-terms/","id":"//www.upplication.com/id/tnp-terms/","es-MX":"//www.upplication.com/mx/tnp-terms/"},"terms_uppreader":{"es":"//www.upplication.com/es/gestion-comercial-terminos/","en":"//www.upplication.com/en/gestion-comercial-terms/","pt":"//www.upplication.com/pt/gestion-comercial-terms/","id":"//www.upplication.com/id/gestion-comercial-terms/","es-MX":"//www.upplication.com/mx/gestion-comercial-terms/"},"wingu_terms":{"es":"//www.upplication.com/es/vodafone/","en":"//www.upplication.com/en/vodafone/","pt":"//www.upplication.com/pt/vodafone/","id":"//www.upplication.com/id/vodafone/","es-MX":"//www.upplication.com/es-MX/vodafone/"},"wingu_terms_uppreader":{"es":"//www.upplication.com/es/gestion-comercial-wingu-terminos/","en":"//www.upplication.com/en/gestion-comercial-wingu-terms/","pt":"//www.upplication.com/pt/gestion-comercial-wingu-terms/","id":"//www.upplication.com/id/gestion-comercial-wingu-terms/","es-MX":"//www.upplication.com/mx/gestion-comercial-wingu-terms/"}}, "pwa");</script>
51
52    
52<script type="text/javascript">
53      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
54      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';j.async=true;j.src=
55      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
56      })(window,document,'script','dataLayer',$UPP.localConfig.tagmanager_token);
57    </script>
57
58    
58<script type="text/javascript">
59      window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o||e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e,n){function r(t){try{s.console&&console.log(t)}catch(e){}}var o,i=t("ee"),a=t(15),s={};try{o=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(s.console=!0,o.indexOf("dev")!==-1&&(s.dev=!0),o.indexOf("nr_dev")!==-1&&(s.nrDev=!0))}catch(c){}s.nrDev&&i.on("internal-error",function(t){r(t.stack)}),s.dev&&i.on("fn-err",function(t,e,n){r(n.stack)}),s.dev&&(r("NR AGENT IN DEVELOPMENT MODE"),r("flags: "+a(s,function(t,e){return t}).join(", ")))},{}],2:[function(t,e,n){function r(t,e,n,r,o){try{d?d-=1:i("err",[o||new UncaughtException(t,e,n)])}catch(s){try{i("ierr",[s,(new Date).getTime(),!0])}catch(c){}}return"function"==typeof f&&f.apply(this,a(arguments))}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function o(t){i("err",[t,(new Date).getTime()])}var i=t("handle"),a=t(16),s=t("ee"),c=t("loader"),f=window.onerror,u=!1,d=0;c.features.err=!0,t(1),window.onerror=r;try{throw new Error}catch(l){"stack"in l&&(t(8),t(7),"addEventListener"in window&&t(5),c.xhrWrappable&&t(9),u=!0)}s.on("fn-start",function(t,e,n){u&&(d+=1)}),s.on("fn-err",function(t,e,n){u&&(this.thrown=!0,o(n))}),s.on("fn-end",function(){u&&!this.thrown&&d>0&&(d-=1)}),s.on("internal-error",function(t){i("ierr",[t,(new Date).getTime(),!0])})},{}],3:[function(t,e,n){t("loader").features.ins=!0},{}],4:[function(t,e,n){function r(t){}if(window.performance&&window.performance.timing&&window.performance.getEntriesByType){var o=t("ee"),i=t("handle"),a=t(8),s=t(7),c="learResourceTimings",f="addEventListener",u="resourcetimingbufferfull",d="bstResource",l="resource",p="-start",h="-end",m="fn"+p,w="fn"+h,v="bstTimer",y="pushState";t("loader").features.stn=!0,t(6);var g=NREUM.o.EV;o.on(m,function(t,e){var n=t[0];n instanceof g&&(this.bstStart=Date.now())}),o.on(w,function(t,e){var n=t[0];n instanceof g&&i("bst",[n,e,this.bstStart,Date.now()])}),a.on(m,function(t,e,n){this.bstStart=Date.now(),this.bstType=n}),a.on(w,function(t,e){i(v,[e,this.bstStart,Date.now(),this.bstType])}),s.on(m,function(){this.bstStart=Date.now()}),s.on(w,function(t,e){i(v,[e,this.bstStart,Date.now(),"requestAnimationFrame"])}),o.on(y+p,function(t){this.time=Date.now(),this.startPath=location.pathname+location.hash}),o.on(y+h,function(t){i("bstHist",[location.pathname+location.hash,this.startPath,this.time])}),f in window.performance&&(window.performance["c"+c]?window.performance[f](u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["c"+c]()},!1):window.performance[f]("webkit"+u,function(t){i(d,[window.performance.getEntriesByType(l)]),window.performance["webkitC"+c]()},!1)),document[f]("scroll",r,!1),document[f]("keypress",r,!1),document[f]("click",r,!1)}},{}],5:[function(t,e,n){function r(t){for(var e=t;e&&!e.hasOwnProperty(u);)e=Object.getPrototypeOf(e);e&&o(e)}function o(t){s.inPlace(t,[u,d],"-",i)}function i(t,e){return t[1]}var a=t("ee").get("events"),s=t(17)(a),c=t("gos"),f=XMLHttpRequest,u="addEventListener",d="removeEventListener";e.exports=a,"getPrototypeOf"in Object?(r(document),r(window),r(f.prototype)):f.prototype.hasOwnProperty(u)&&(o(window),o(f.prototype)),a.on(u+"-start",function(t,e){if(t[1]){var n=t[1];if("function"==typeof n){var r=c(n,"nr@wrapped",function(){return s(n,"fn-",null,n.name||"anonymous")});this.wrapped=t[1]=r}else"function"==typeof n.handleEvent&&s.inPlace(n,["handleEvent"],"fn-")}}),a.on(d+"-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{}],6:[function(t,e,n){var r=t("ee").get("history"),o=t(17)(r);e.exports=r,o.inPlace(window.history,["pushState","replaceState"],"-")},{}],7:[function(t,e,n){var r=t("ee").get("raf"),o=t(17)(r),i="equestAnimationFrame";e.exports=r,o.inPlace(window,["r"+i,"mozR"+i,"webkitR"+i,"msR"+i],"raf-"),r.on("raf-start",function(t){t[0]=o(t[0],"fn-")})},{}],8:[function(t,e,n){function r(t,e,n){t[0]=a(t[0],"fn-",null,n)}function o(t,e,n){this.method=n,this.timerDuration="number"==typeof t[1]?t[1]:0,t[0]=a(t[0],"fn-",this,n)}var i=t("ee").get("timer"),a=t(17)(i),s="setTimeout",c="setInterval",f="clearTimeout",u="-start",d="-";e.exports=i,a.inPlace(window,[s,"setImmediate"],s+d),a.inPlace(window,[c],c+d),a.inPlace(window,[f,"clearImmediate"],f+d),i.on(c+u,r),i.on(s+u,o)},{}],9:[function(t,e,n){function r(t,e){d.inPlace(e,["onreadystatechange"],"fn-",s)}function o(){var t=this,e=u.context(t);t.readyState>3&&!e.resolved&&(e.resolved=!0,u.emit("xhr-resolved",[],t)),d.inPlace(t,w,"fn-",s)}function i(t){v.push(t),h&&(g=-g,b.data=g)}function a(){for(var t=0;t<v.length;t++)r([],v[t]);v.length&&(v=[])}function s(t,e){return e}function c(t,e){for(var n in t)e[n]=t[n];return e}t(5);var f=t("ee"),u=f.get("xhr"),d=t(17)(u),l=NREUM.o,p=l.XHR,h=l.MO,m="readystatechange",w=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],v=[];e.exports=u;var y=window.XMLHttpRequest=function(t){var e=new p(t);try{u.emit("new-xhr",[e],e),e.addEventListener(m,o,!1)}catch(n){try{u.emit("internal-error",[n])}catch(r){}}return e};if(c(p,y),y.prototype=p.prototype,d.inPlace(y.prototype,["open","send"],"-xhr-",s),u.on("send-xhr-start",function(t,e){r(t,e),i(e)}),u.on("open-xhr-start",r),h){var g=1,b=document.createTextNode(g);new h(a).observe(b,{characterData:!0}
59)}else f.on("fn-end",function(t){t[0]&&t[0].type===m||a()})},{}],10:[function(t,e,n){function r(t){var e=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var r=0;r<d;r++)t.removeEventListener(u[r],this.listener,!1);if(!e.aborted){if(n.duration=(new Date).getTime()-this.startTime,4===t.readyState){e.status=t.status;var i=o(t,this.lastSize);if(i&&(n.rxSize=i),this.sameOrigin){var a=t.getResponseHeader("X-NewRelic-App-Data");a&&(e.cat=a.split(", ").pop())}}else e.status=0;n.cbTime=this.cbTime,f.emit("xhr-done",[t],t),s("xhr",[e,n,this.startTime])}}}function o(t,e){var n=t.responseType;if("json"===n&&null!==e)return e;var r="arraybuffer"===n||"blob"===n||"json"===n?t.response:t.responseText;return h(r)}function i(t,e){var n=c(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}var a=t("loader");if(a.xhrWrappable){var s=t("handle"),c=t(11),f=t("ee"),u=["load","error","abort","timeout"],d=u.length,l=t("id"),p=t(14),h=t(13),m=window.XMLHttpRequest;a.features.xhr=!0,t(9),f.on("new-xhr",function(t){var e=this;e.totalCbs=0,e.called=0,e.cbTime=0,e.end=r,e.ended=!1,e.xhrGuids={},e.lastSize=null,p&&(p>34||p<10)||window.opera||t.addEventListener("progress",function(t){e.lastSize=t.loaded},!1)}),f.on("open-xhr-start",function(t){this.params={method:t[0]},i(this,t[1]),this.metrics={}}),f.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),f.on("send-xhr-start",function(t,e){var n=this.metrics,r=t[0],o=this;if(n&&r){var i=h(r);i&&(n.txSize=i)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(o.params.aborted=!0),("load"!==t.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof e.onload))&&o.end(e)}catch(n){try{f.emit("internal-error",[n])}catch(r){}}};for(var a=0;a<d;a++)e.addEventListener(u[a],this.listener,!1)}),f.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),f.on("xhr-load-added",function(t,e){var n=""+l(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),f.on("xhr-load-removed",function(t,e){var n=""+l(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),f.on("addEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-added",[t[1],t[2]],e)}),f.on("removeEventListener-end",function(t,e){e instanceof m&&"load"===t[0]&&f.emit("xhr-load-removed",[t[1],t[2]],e)}),f.on("fn-start",function(t,e,n){e instanceof m&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),f.on("fn-end",function(t,e){this.xhrCbStart&&f.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}},{}],11:[function(t,e,n){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");!r.port&&o[1]&&(r.port=o[1].split("/")[0].split("@").pop().split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,r.protocol=o[0],"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname);var i=!e.protocol||":"===e.protocol||e.protocol===n.protocol,a=e.hostname===document.domain&&e.port===n.port;return r.sameOrigin=i&&(!e.hostname||a),r}},{}],12:[function(t,e,n){function r(){}function o(t,e,n){return function(){return i(t,[(new Date).getTime()].concat(s(arguments)),e?null:this,n),e?void 0:this}}var i=t("handle"),a=t(15),s=t(16),c=t("ee").get("tracer"),f=NREUM;"undefined"==typeof window.newrelic&&(newrelic=f);var u=["setPageViewName","setCustomAttribute","finished","addToTrace","inlineHit"],d="api-",l=d+"ixn-";a(u,function(t,e){f[e]=o(d+e,!0,"api")}),f.addPageAction=o(d+"addPageAction",!0),e.exports=newrelic,f.interaction=function(){return(new r).get()};var p=r.prototype={createTracer:function(t,e){var n={},r=this,o="function"==typeof e;
59return i(l+"tracer",[Date.now(),t,n],r),function(){if(c.emit((o?"":"no-")+"fn-start",[Date.now(),r,o],n),o)try{return e.apply(this,arguments)}finally{c.emit("fn-end",[Date.now()],n)}}}};a("setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(t,e){p[e]=o(l+e)}),newrelic.noticeError=function(t){"string"==typeof t&&(t=new Error(t)),i("err",[t,(new Date).getTime()])}},{}],13:[function(t,e,n){e.exports=function(t){if("string"==typeof t&&t.length)return t.length;if("object"==typeof t){if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if(!("undefined"!=typeof FormData&&t instanceof FormData))try{return JSON.stringify(t).length}catch(e){return}}}},{}],14:[function(t,e,n){var r=0,o=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);o&&(r=+o[1]),e.exports=r},{}],15:[function(t,e,n){function r(t,e){var n=[],r="",i=0;for(r in t)o.call(t,r)&&(n[i]=e(r,t[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],16:[function(t,e,n){function r(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(o<0?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=r},{}],17:[function(t,e,n){function r(t){return!(t&&"function"==typeof t&&t.apply&&!t[a])}var o=t("ee"),i=t(16),a="nr@original",s=Object.prototype.hasOwnProperty,c=!1;e.exports=function(t){function e(t,e,n,o){function nrWrapper(){var r,a,s,c;try{a=this,r=i(arguments),s="function"==typeof n?n(r,a):n||{}}catch(u){d([u,"",[r,a,o],s])}f(e+"start",[r,a,o],s);try{return c=t.apply(a,r)}catch(l){throw f(e+"err",[r,a,l],s),l}finally{f(e+"end",[r,a,c],s)}}return r(t)?t:(e||(e=""),nrWrapper[a]=t,u(t,nrWrapper),nrWrapper)}function n(t,n,o,i){o||(o="");var a,s,c,f="-"===o.charAt(0);for(c=0;c<n.length;c++)s=n[c],a=t[s],r(a)||(t[s]=e(a,f?s+o:o,i,s))}function f(e,n,r){if(!c){c=!0;try{t.emit(e,n,r)}catch(o){d([o,e,n,r])}c=!1}}function u(t,e){if(Object.defineProperty&&Object.keys)try{var n=Object.keys(t);return n.forEach(function(n){Object.defineProperty(e,n,{get:function(){return t[n]},set:function(e){return t[n]=e,e}})}),e}catch(r){d([r])}for(var o in t)s.call(t,o)&&(e[o]=t[o]);return e}function d(e){try{t.emit("internal-error",e)}catch(n){}}return t||(t=o),e.inPlace=n,e.flag=a,e}},{}],ee:[function(t,e,n){function r(){}function o(t){function e(t){return t&&t instanceof r?t:t?s(t,a,i):i()}function n(n,r,o){t&&t(n,r,o);for(var i=e(o),a=l(n),s=a.length,c=0;c<s;c++)a[c].apply(i,r);var u=f[w[n]];return u&&u.push([v,n,r,i]),i}function d(t,e){m[t]=l(t).concat(e)}function l(t){return m[t]||[]}function p(t){return u[t]=u[t]||o(n)}function h(t,e){c(t,function(t,n){e=e||"feature",w[n]=e,e in f||(f[e]=[])})}var m={},w={},v={on:d,emit:n,get:p,listeners:l,context:e,buffer:h};return v}function i(){return new r}var a="nr@context",s=t("gos"),c=t(15),f={},u={},d=e.exports=o();d.backlog=f},{}],gos:[function(t,e,n){function r(t,e,n){if(o.call(t,e))return t[e];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(t,e,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return t[e]=r,r}var o=Object.prototype.hasOwnProperty;e.exports=r},{}],handle:[function(t,e,n){function r(t,e,n,r){o.buffer([t],r),o.emit(t,e,n)}var o=t("ee").get("handle");e.exports=r,r.ee=o},{}],id:[function(t,e,n){function r(t){var e=typeof t;return!t||"object"!==e&&"function"!==e?-1:t===window?0:a(t,i,function(){return o++})}var o=1,i="nr@id",a=t("gos");e.exports=r},{}],loader:[function(t,e,n){function r(){if(!g++){var t=y.info=NREUM.info,e=u.getElementsByTagName("script")[0];if(t&&t.licenseKey&&t.applicationID&&e){c(w,function(e,n){t[e]||(t[e]=n)});var n="https"===m.split(":")[0]||t.sslForHttp;y.proto=n?"https://":"http://",s("mark",["onload",a()],null,"api");var r=u.createElement("script");r.src=y.proto+t.agent,e.parentNode.insertBefore(r,e)}}}function o(){"complete"===u.readyState&&i()}function i(){s("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var s=t("handle"),c=t(15),f=window,u=f.document,d="addEventListener",l="attachEvent",p=f.XMLHttpRequest,h=p&&p.prototype;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:p,REQ:f.Request,EV:f.Event,PR:f.Promise,MO:f.MutationObserver},t(12);var m=""+location,w={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-963.min.js"},v=p&&h&&h[d]&&!/CriOS/.test(navigator.userAgent),y=e.exports={offset:a(),origin:m,features:{},xhrWrappable:v};u[d]?(u[d]("DOMContentLoaded",i,!1),f[d]("load",r,!1)):(u[l]("onreadystatechange",o),f[l]("onload",r)),s("mark",["firstbyte",a()],null,"api");var g=0},{}]},{},["loader",2,10,4,3]);
60      ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"8eee99f18b",applicationID:"30437098",sa:1}
61    </script>
61
62    <link rel="alternate" href="https://www.upplication.com/es/progressive-web-app/" hreflang="es">
63    <link rel="alternate" href="https://www.upplication.com/en/progressive-web-app/" hreflang="en">
64    <link rel="alternate" href="https://www.upplication.com/pt/progressive-web-app/" hreflang="pt">
65    <link rel="alternate" href="https://www.upplication.com/id/progressive-web-app/" hreflang="id">
66    <link rel="alternate" href="https://www.upplication.com/mx/progressive-web-app/" hreflang="es-MX">
67    <link rel="canonical" href="https://www.upplication.com/es/progressive-web-app/">
68    <link rel="shortcut icon" href="//www.upplication.com/images/favicon/favicon-32x32.png">
69    <link rel="apple-touch-icon" sizes="180x180" href="//www.upplication.com/images/favicon/apple-touch-icon.png">
70    <link rel="icon" type="image/png" href="//www.upplication.com/images/favicon/favicon-32x32.png" sizes="32x32">
71    <link rel="icon" type="image/png" href="//www.upplication.com/images/favicon/favicon-16x16.png" sizes="16x16">
72    <link rel="manifest" href="//www.upplication.com/images/favicon/manifest.json">
73    <link rel="mask-icon" href="//www.upplication.com/images/favicon/safari-pinned-tab.svg" color="#00c86b">
74    <meta name="theme-color" content="#ffffff">
75    <link rel="stylesheet" href="//www.upplication.com/styles/vendor/base.css">
76    <link rel="stylesheet" href="//www.upplication.com/styles/pwa/pwa.css">
77  </head>
78  <body>
vendor: 79 bytes, lines 78-80
78
79    <noscript>
80      <iframe src="https://www.googletagmanager.com/ns.html?id=
80GTM-PPJS3G
vendor: 92 bytes, lines 80-82
80" height="0" width="0" style="display:none;visibility:hidden"></iframe>
81    </noscript>
82    
82<div id="home" class="header">
83      <div id="move-top" class="top-header">
84        <div class="container">
85          <div class="logo"><a href="//www.upplication.com/" alt="Logotipo de Upplication"><img src="//www.upplication.com/images/home/icons/upplication.svg" title="Logotipo de Upplication"></a></div>
86          <nav class="top-nav">
87            <ul class="top-nav-list hide-ul">
88              <li class="how"><a href="#timeline" title="Cómo creo mi App" class="hide-tab">Cómo creo mi App</a></li>
89              <li class="samples"><a href="#tabs" title="Ejemplos" class="hide-tab">Ejemplos</a></li>
90              <li class="blog"><a href="https://blog.upplication.com/" target="_blank" title="Blog de Upplication" class="hide-tab">Blog</a></li>
91              <li class="more"><a href="//www.upplication.com/es/progressive-web-app/#" data-activates="dropdown-terms" class="lang-link">Más...</a>
92                <ul id="dropdown-terms" class="dropdown-content notshow">
93                  <li><a href="//www.upplication.com/es/nosotros/" title="Sobre nosotros" class="hide-tab lang-link">Sobre nosotros</a></li>
94                  <li><a href="//www.upplication.com/es/bio-de-empresa/" title="Biografía" class="hide-tab lang-link">Biografía</a></li>
95                  <li><a href="https://www.youtube.com/playlist?list=PLK1kaM1jaEvuaZ0Zp38S5OYYWARq41-no" title="Centro de Ayuda" target="_blank" class="hide-tab lang-link">Centro de Ayuda</a></li>
96                  <li><a href="//www.upplication.com/es/precios/" title="Precios" class="hide-tab lang-link">Precios</a></li>
97                  <li><a href="//www.upplication.com/es/progressive-web-app/" title="PWA" class="hide-tab lang-link">PWA</a></li>
98                  <li><a href="//www.upplication.com/es/terminos/" title="Aviso Legal" class="hide-tab lang-link">Aviso Legal</a></li>
99                </ul>
100              </li>
101              <li class="languages"><a href="//www.upplication.com/es/progressive-web-app/#" data-activates="dropdown-lang" class="lang-link"><i class="icon icon-globe"></i>Esp</a>
102                <ul id="dropdown-lang" class="dropdown-content notshow">
103                  <li><a href="//www.upplication.com/es/progressive-web-app/" data-lang="es" class="hide-tab lang-link">Español</a></li>
104                  <li><a href="//www.upplication.com/en/progressive-web-app/" data-lang="en" class="hide-tab lang-link">English</a></li>
105                  <li><a href="//www.upplication.com/pt/progressive-web-app/" data-lang="pt" class="hide-tab lang-link">Portuguese</a></li>
106                  <li><a href="//www.upplication.com/id/progressive-web-app/" data-lang="id" class="hide-tab lang-link">Bahasa</a></li>
107                  <li><a href="//www.upplication.com/mx/progressive-web-app/" data-lang="es-MX" class="hide-tab lang-link">México</a></li>
108                </ul>
109              </li>
110              <li class="trial only-show-small-devises phone-kerning"><a href="#all-contact">917 958 203</a></li>
111              <li class="trial only-show-small-devises"><a href="#free-trial" title="">Prueba gratis</a></li>
112              <li class="enter-btn"><a href="//dashboard.upplication.com/v2" class="hide-tab"><i class="icon icon-key"></i>Entrar</a></li>
113              <li class="contact-info">
114                <div class="contact-info-grids">
115                  <div class="contact-info-left"><a href="#free-trial" class="modal-trigger chat">Prueba gratis</a></div>
116                  <div class="contact-info-right"><a title="917 958 203">917 958 203</a><a title="[email protected]" class="support"><span class="__cf_email__" data-cfemail="51383f373e112421213d38323025383e3f7f323e3c">[email&#160;protected]</span></a></div>
117                </div>
118              </li>
119            </ul><a id="pull" href=""><span></span><span></span><span></span><span></span></a>
120          </nav>
121        </div>
122      </div>
123    </div>
124    <div id="free-trial" class="modal modal-upp"><a title="Cerrar esta ventana modal" class="modal-action modal-close waves-effect waves-green btn-flat"><i class="icon icon-cross"></i></a>
125      <div class="modal-content">
126        <h3>Regístrate <span>gratis</span> y prueba <span>15 días</span></h3>
127        <div class="row">
128          <form name="register" action="/register" method="post" class="col s12 center">
129            <input type="hidden" name="customerType" value="UPPLICATION">
130            <p class="error general-error display-none">Error general</p>
131            <div class="input-field col s12"><i class="icon icon-mobile prefix"></i>
132              <input id="modal-app-name" type="text" name="appName" required class="validate">
133              <label for="modal-app-name">Nombre de tu aplicación</label>
134              <p class="error display-none register-appName-error"></p>
135            </div>
136            <div class="input-field col s12"><i class="icon icon-mail prefix"></i>
137              <input id="modal-email" type="email" name="email" required class="validate">
138              <label for="modal-email">Email</label>
139              <p class="error display-none register-email-error"></p>
140            </div>
141            <div class="input-field col s12">
142              <ii class="icon icon-key prefix"></ii>
143              <input id="modal-pass" type="password" name="password" required class="validate">
144              <label for="modal-pass">Contraseña</label>
145              <p class="error display-none register-password-error"></p>
146            </div>
147            <div class="col s12">
148              <input id="checkbox-modal-tos" type="checkbox" name="checkbox-tos" required class="validate">
149              <label for="checkbox-modal-tos" class="tosText">He leído y acepto los <a href='//www.upplication.com/es/terminos/' target='_blank'> términos y condiciones incluyendo la pólitica de privacidad.</a></label>
150            </div>
151            <div class="input-field col s12">
152              <button type="submit" data-loading="Cargando..." data-text="Probar gratis" class="waves-effect waves-light btn-large btn-upp"><i class="icon icon-ok"></i><span>Prueba gratis</span></button>
153            </div>
154          </form>
155        </div>
156      </div>
157    </div>
158    <div id="all-contact" class="modal modal-upp">
158<a title="Cerrar esta ventana modal" class="modal-action modal-close waves-effect waves-green btn-flat"><i class="icon icon-cross"></i></a>
159      <div class="modal-content">
160        <h3><span>Contacta</span> con nosotros</h3>
161        <div class="row contact-btns">
162          <div class="col s12 m6"><a href="tel:0034917958203" title="917 958 203" class="waves-effect waves-light btn-large btn-upp"><i class="icon icon-phone"></i><span>917 958 203</span></a></div>
163          <div class="col s12 m6"><a href="/cdn-cgi/l/email-protection#2841464e47685d585844414b495c414746064b4745" title="[email protected]" class="waves-effect waves-light btn-large btn-upp"><i class="icon icon-mail"></i><span><span class="__cf_email__" data-cfemail="ec85828a83ac999c9c80858f8d98858382c28f8381">[email&#160;protected]</span></span></a></div>
164        </div>
165        <div class="row contact-social">
166          <ul class="rrss-modal hover-anim">
167            <li class="facebook"><a href="http://www.facebook.com/Upplication" target="_blank" title="Facebook"><i class="icon icon-facebook"></i></a></li>
168            <li class="twitter"><a href="http://www.twitter.com/upplication" target="_blank" title="Twitter"><i class="icon icon-twitter"></i></a></li>
169            <li class="instagram"><a href="http://www.instagram.com/upplication" target="_blank" title="Instagram"><i class="icon icon-instagram"></i></a></li>
170            <li class="vimeo"><a href="https://vimeo.com/upplication/" target="_blank" title="Vimeo"><i class="icon icon-vimeo"></i></a></li>
171            <li class="youtube"><a href="http://youtube.com/upplication" target="_blank" title="Youtube"><i class="icon icon-youtube"></i></a></li>
172            <li class="linkedin"><a href="http://www.linkedin.com/company/upplication" target="_blank" title="Linkedin"><i class="icon icon-linkedin"></i></a></li>
173            <li class="github"><a href="https://github.com/Upplication" target="_blank" title="Github"><i class="icon icon-github"></i></a></li>
174            <li class="google"><a href="https://plus.google.com/+Upplication?prsrc=5" target="_blank" title="Google Plus"><i class="icon icon-gplus"></i></a></li>
175          </ul>
176        </div>
177      </div>
178    </div>
179    <div id="hiring" class="modal modal-upp"><a title="Cerrar esta ventana modal" class="modal-action modal-close waves-effect waves-green btn-flat"><i class="icon icon-cross"></i></a>
180      <div class="modal-content">
181        <h3>Estamos <span>contratando</span></h3>
182        <div class="row hiring-icons">
183          <div class="col s12"><img src="//www.upplication.com/images/home/bg/hiring-dino.jpg" alt="Estamos &lt;span&gt;contratando&lt;/span&gt;" title="¡Tenemos hambre de contratar!" class="circle responsive-img"></div>
184          <div class="clearfix"></div>
185        </div>
186        <div class="row contact-btns">
187          <div class="col s12 m6"><a href="http://frontend.upplication.com/" title="Desarrollador Frontend" target="_blank" class="waves-effect waves-light btn-large btn-upp">Desarrollador Frontend</a></div>
188          <div class="col s12 m6"><a href="http://backend.upplication.com/" title="Desarrollador Backend" target="_blank" class="waves-effect waves-light btn-large btn-upp">Desarrollador Backend</a></div>
189          <div class="col s12 m12"><a href="//www.upplication.com/es/oferta-practicas-developer/" title="Prácticas de desarrollador" target="_blank" class="waves-effect waves-light btn-large btn-upp">Prácticas de desarrollador</a></div>
190        </div>
191      </div>
192    </div>
193    <div class="pwa-bg"><img src="//www.upplication.com/images/pwa/pwa_bg.jpg" title="Progressive Web App" alt="Progressive Web App" class="responsive-img"></div>
194    <div class="container">
195      <div class="col s12 center-align pwa-header">
196        <h4>Progressive Web App</h4>
197        <p>La nueva manera de entender las Apps</p>
198      </div>
199    </div>
200    <section id="what">
201      <div class="container marBot50">
202        <div class="row">
203          <div class="plans-head center-align">
204            <h4 class="headTitles">¿Qué es una <span>Progressive Web App</span>?</h4>
205          </div>
206        </div>
207        <div data-aos="fade-down" class="row pwa-text">
208          <div class="col s12 m8 offset-m2">
209            <p>Las <b>Progressive Web Apps</b> <em>(aplicaciones web progresivas)</em>, son experiencias que combinan <span>lo mejor de la web</span> y <span>lo mejor de las apps</span>. Están disponibles para los usuarios a partir de la primera visita en una pestaña del navegador y <b>no requieren instalación</b>. Además incrementan su funcionalidad a medida que se usa. Se <b>carga rápidamente</b> como experiencia de pantalla completa y de primer nivel, incluso con redes débiles, envía <b>notificaciones push</b> relevantes, tiene un ícono en la pantalla principal...</p>
210          </div>
211        </div>
212      </div>
213    </section>
214    <div class="features features-upp">
215      <div class="container">
216        <div class="row">
217          <div class="plans-head center-align">
218            <h4 class="headTitles">Las <span>PWA</span> son aplicaciones que <span>...</span></h4>
219          </div>
220        </div>
221        <div data-aos="zoom-in" class="row features-grids center-align">
222          <div class="col s12 m4">
223            <div class="features-grid pwa-text center-img"><img src="//www.upplication.com/images/pwa/rocket.svg" alt="Incrementan su funcionalidad" title="Incrementan su funcionalidad" class="img-responsive">
224              <h3>Progressive <em>(progresivas)</em></h3>
225              <p>... <span>Incrementan su funcionalidad</span>, conforme las capacidades del dispositivo en el que se ejecutan haciendose más y más poderosas a medida que se utilizan.
225</p>
226            </div>
227          </div>
228          <div class="col s12 m4">
229            <div class="features-grid pwa-text center-img"><img src="//www.upplication.com/images/pwa/tech.svg" alt="Se construyen utilizando estándares de desarrollo web" title="Se construyen utilizando estándares de desarrollo web" class="img-responsive">
230              <h3>Web <em>(web)</em></h3>
231              <p>... <span>Se construyen utilizando estándares de desarrollo web</span>, como HTML, CSS y javaScript y una nueva generación de APIs de javaScript</p>
232            </div>
233          </div>
234          <div class="col s12 m4">
235            <div class="features-grid pwa-text center-img"><img src="//www.upplication.com/images/pwa/features.svg" alt="Poseen todos los aspectos más destacables de las Apps" title="Poseen todos los aspectos más destacables de las Apps" class="img-responsive">
236              <h3>App <em>(app)</em></h3>
237              <p>... <span>Poseen todos los aspectos más destacables de las Apps</span> como: poder instalarse en dispositivos móviles, ejecutarse offline, tener el estilo y la navegación propias de las apps, envío de notificaciones push, etc.</p>
238            </div>
239          </div>
240          <div class="clearfix"></div>
241        </div>
242      </div>
243    </div>
244    <section id="advantages" class="timeline-section scrollspy">
245      <div class="container">
246        <div class="row">
247          <div class="plans-head center-align">
248            <h4 class="headTitles">¿Qué ventajas tiene una <span>Progressive Web App</span>?</h4>
249          </div>
250        </div>
251        <div class="row">
252          <div class="col l12">
253            <ul class="timeline">
254              <li class="step1">
255                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-01.svg" title="Instalación desde el navegador web" alt="Instalación desde el navegador web" class="img-circle img-responsive imgFlash"></div>
256                <div data-aos="flip-up" class="timeline-panel">
257                  <div class="timeline-body">
258                    <p class="text-muted">Se instalan directamente desde el navegador web sin apenas ocupar espacio en tu dispositivo.</p>
259                  </div>
260                </div>
261              </li>
262              <li class="timeline-inverted step2">
263                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-02.svg" title="No dependes de los markets" alt="No dependes de los markets" class="img-circle img-responsive imgFlash"></div>
264                <div data-aos="flip-down" class="timeline-panel">
265                  <div class="timeline-body">
266                    <p class="text-muted">No dependes de los markets de Apple ni de Google ahorrándote así las esperas de revisión y publicación de la app.</p>
267                  </div>
268                </div>
269              </li>
270              <li class="step3">
271                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-03.svg" title="4 veces más rápidas que cualquier web" alt="4 veces más rápidas que cualquier web" class="img-circle img-responsive imgFlash"></div>
272                <div data-aos="flip-up" class="timeline-panel">
273                  <div class="timeline-body">
274                    <p class="text-muted">Pueden funcionar offline (sin conexión a internet) y son hasta 4 veces más rápidas que cualquier web.</p>
275                  </div>
276                </div>
277              </li>
278              <li class="timeline-inverted step4">
279                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-04.svg" title="Son multiplataforma (responsives)" alt="Son multiplataforma (responsives)" class="img-circle img-responsive imgFlash"></div>
280                <div data-aos="flip-down" class="timeline-panel">
281                  <div class="timeline-body">
282                    <p class="text-muted">Son multiplataforma (responsives) adaptándose a cualquier pantalla de cualquier dispositivo: ordenador, tablet o móvil.</p>
283                  </div>
284                </div>
285              </li>
286              <li class="step5">
287                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-05.svg" title="Envío de notificaciones push" alt="Envío de notificaciones push" class="img-circle img-responsive imgFlash"></div>
288                <div data-aos="flip-up" class="timeline-panel">
289                  <div class="timeline-body">
290                    <p class="text-muted">Pueden usar funcionalidades nativas como las notificaciones push (en breve también en iOS de Apple).</p>
291                  </div>
292                </div>
293              </li>
294              <li class="timeline-inverted step6">
295                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-06.svg" title="Inciden en el posicionamiento SEO" alt="Inciden en el posicionamiento SEO" class="img-circle img-responsive imgFlash"></div>
296                <div data-aos="flip-down" class="timeline-panel">
297                  <div class="timeline-body">
298                    <p class="text-muted">Inciden en el posicionamiento SEO pues aparecen en los buscadores como Google mejorando la visibilidad de la marca en internet.</p>
299                  </div>
300                </div>
301              </li>
302              <li class="step7">
303                <div class="timeline-image"><img src="//www.upplication.com/images/pwa/timeline-pwa-07.svg" title="Solución de marketing móvil" alt="Solución de marketing móvil" class="img-circle img-responsive imgFlash"></div>
304                <div data-aos="flip-up" class="timeline-panel">
305                  <div class="timeline-body">
306                    <p class="text-muted">Solución todo en uno de marketing móvil ya que podrás crear sistemas de fidelización para retener a sus clientes, comunicarse con ellos, hacer reservas desde el móvil, facilitar las compras...</p>
307                  </div>
308                </div>
309              </li>
310            </ul>
311          </div>
312        </div>
313      </div>
314    </section>
315    <section id="how">
316      <div class="container">
317        <div class="row">
318          <div class="plans-head center-align">
319            <h4 class="headTitles">¿Cómo se instala una <span>Progressive Web App</span>?</h4>
320          </div>
321        </div>
322        <div class="row pwa-text">
323          <div data-aos="fade-right" class="col s12 m3"><img src="//www.upplication.com/images/pwa/pwa-how-to-install-in-safari-ios.png" alt="Cómo instalar una PWA en iOS Safari" title="Cómo instalar una PWA en iOS Safari" class="img-responsive"></div>
324          <div data-aos="zoom-in" class="col s12 m6">
325            <p>Las <b>Progressive Web Apps</b> se pueden instalar de forma instantánea en las pantallas de inicio de los dispositivos móviles, sin necesidad de visitar los markets <em>(Apple Store y Google Play)</em> :</p>
326            <p><span>1.</span> <b>Abrir la PWA</b> en el navegador. La URL simpre estará formada por:</br> <span>nombre de la app + upplication.com</span> <em>(cafedelrey.upplication.com)</em></p>
327            <p><span>2.</span> <b>Pulsar el botón</b> <em>'Añadir a página de inicio'</em> cuando aparezca la ventana emergente.</p>
328            <p><span>
3283.</span> <b>Buscar el icono</b> en el móvil y acceder a la app.</p>
329          </div>
330          <div data-aos="fade-left" class="col s12 m3"><img src="//www.upplication.com/images/pwa/pwa-how-to-install-in-chrome-android.png" alt="Cómo instalar una PWA en Android Chrome" title="Cómo instalar una PWA en Android Chrome" class="img-responsive"></div>
331        </div>
332      </div>
333    </section>
334    <section id="summary" class="timeline-section">
335      <div class="container marBot50">
336        <div class="row">
337          <div class="plans-head center-align">
338            <h4 class="headTitles">Resumiendo <span>...</span></h4>
339          </div>
340        </div>
341        <div data-aos="fade-down" class="row pwa-text">
342          <div class="col s12 m8 offset-m2 marBot50">
343            <p><i class="icon icon-quote-left"></i><em>... Una <span>Progresive Web App</span> utiliza las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia en móviles casi indéntica a una aplicación nativa.</em><i class="icon icon-quote-left"></i></p>
344          </div>
345        </div>
346      </div>
347    </section>
348    <div class="trial-block pwa-trial-block">
349      <div class="container">
350        <div class="trial-block-grids">
351          <div class="trial-block-left">
352            <h2>¡Descárgate esta infografía!</h2>
353            <h3>Esta infografía está disponible en formato .PDF</h3>
354          </div>
355          <div class="trial-block-right"><a href="//www.upplication.com/images/pwa/upplication_PWA_2018_es-ES.pdf" title="Descargar PDF" download class="price-btn"><i class="icon icon-download"></i>Descargar PDF</a></div>
356          <div class="clearfix"></div>
357        </div>
358      </div>
359    </div>
360    <div class="clients-section">
361      <div class="container">
362        <div id="clients-carousel" class="owl-carousel">
363          <div class="item"><a href="https://www.openfuture.org/es/new/fideliza-a-los-clientes-de-tu-startup-creando" target="_blank" title="Upplication en Open Future de Telefónica"><img src="//www.upplication.com/images/home/clients/telefonica.png" alt="Logotipo Telefónica" title="Upplication en Open Future de Telefónica"></a></div>
364          <div class="item"><a href="http://www.rtve.es/alacarta/videos/zoom-net/zoom-net-upplication-huawei-p9-uncharted-4/3571439/" target="_blank" title="Reportaje en Zoom Net de TVE"><img src="//www.upplication.com/images/home/clients/tve.png" alt="Logotipo TVE" title="Reportaje en Zoom Net de TVE"></a></div>
365          <div class="item"><a href="http://www.efeemprende.com/noticia/los-emprendedores-pueden-crear-propias-apps-sin-programar-upplication/" target="_blank" title="Upplication en EFE: Emprende, noticias sobre empresas y emprendedores"><img src="//www.upplication.com/images/home/clients/emprende.png" alt="Logotipo EFE: Emprende" title="Upplication en EFE: Emprende, noticias sobre empresas y emprendedores"></a></div>
366          <div class="item"><a href="http://www.larazon.es/damesuplementos/tueconomia/2016-09-11_TUE__/index.html#3" target="_blank" title="Entrevista en el diario La Razón"><img src="//www.upplication.com/images/home/clients/larazon.png" alt="Logotipo La Razón" title="Entrevista en el diario La Razón"></a></div>
367          <div class="item"><a href="http://www.expansion.com/emprendedores-empleo/emprendedores/2016/01/15/56992402ca4741fa468b45d4.html?cid=SMBOSO22801&amp;s_kw=twitter" target="_blank" title="Reportaje en el diario Expansión"><img src="//www.upplication.com/images/home/clients/expansion.png" alt="Logotipo Expansión" title="Reportaje en el diario Expansión"></a></div>
368          <div class="item"><a href="http://www.eleconomista.es/emprendedores-pymes/noticias/6747454/05/15/La-transformacion-digital-y-la-innovacion-claves-para-la-competitividad-de-las-pymes-.html" target="_blank" title="Upplication en El Economista"><img src="//www.upplication.com/images/home/clients/eleconomista.png" alt="Logotipo El Economista" title="Upplication en El Economista"></a></div>
369          <div class="item"><a href="http://www.abc.es/tecnologia/moviles-aplicaciones/20140315/abci-upplication-wordpress-creacion-201403141400.html" target="_blank" title="Upplication en el diario ABC"><img src="//www.upplication.com/images/home/clients/abc.png" alt="Logotipo ABC" title="Upplication en el diario ABC"></a></div>
370          <div class="item"><a href="http://www.forbes.es/" target="_blank" title="Forbes, revista sobre negocios y las finanzas"><img src="//www.upplication.com/images/home/clients/forbes.png" alt="Logotipo Forbes" title="Forbes, revista sobre negocios y las finanzas"></a></div>
371          <div class="item"><a href="http://www.ticbeat.com/pymes/servicios-crear-app-de-tu-negocio-sin-programar/" target="_blank" title="TicBeat, noticias de tecnología y empresa"><img src="//www.upplication.com/images/home/clients/ticbeat.png" alt="Logotipo TicBeat" title="TicBeat, noticias de tecnología y empresa"></a></div>
372          <div class="item"><a href="http://wwwhatsnew.com/2013/10/21/upplication-para-crear-apps-de-comercio-electronico-sin-saber-programar" target="_blank" title="wwwhat´s new, noticias sobre tecnologías web y apps"><img src="//www.upplication.com/images/home/clients/wwwhatsnew.png" alt="Logotipo wwwhat´s new" title="wwwhat´s new, noticias sobre tecnologías web y apps"></a></div>
373        </div>
374      </div>
375    </div>
376    <div class="trial-block">
377      <div class="container">
378        <div class="trial-block-grids">
379          <div class="trial-block-left">
380            <h2>¡Crea tu aplicación ahora!</h2>
381            <h3>15 días de prueba gratis con ayuda personalizada</h3><span><i class="icon icon-asterisk"></i>Período de prueba sin compromiso de permanencia.</span>
382          </div>
383          <div class="trial-block-right"><a href="#free-trial" title="Crear mi app gratis" class="modal-trigger price-btn"><i class="icon icon-rocket"></i>Crear mi app gratis</a></div>
384          <div class="clearfix"></div>
385        </div>
386      </div>
387    </div>
388    <section id="contact">
389      <div class="container">
390        <div class="row">
391          <div class="contact-title col s12 l6">
392            <h4 class="titulo">Contacto.</h4><span class="bold white">
393              <p class="ct-t1">
393¡Si necesitas más información o estás interesado en alguno de nuestros servicios, no dudes en ponerte en contacto!</p>
394              <p class="ct-t2">¿Hablamos?</p></span>
395          </div>
396          <div class="contact-form col s12 l5 right">
397            <form id="contact-form" action="mailto:[email protected]?subject=Contact from Dashboard" method="post" enctype="text/plain" class="ct-form">
398              <div class="input-field">
399                <input id="name" type="text" name="name" required class="form-data">
400                <label for="name" data-error="wrong" data-success="right">Escribe tu nombre</label>
401              </div>
402              <div class="input-field">
403                <input id="email-form" type="email" name="email" required class="form-data">
404                <label for="email-form">Escribe tu email</label>
405              </div>
406              <div class="input-field">
407                <textarea id="comment" name="comment" required class="form-data"></textarea>
408                <label for="comment">Escribe tu comentario</label>
409              </div>
410              <input id="accept-privacy" type="checkbox" name="accept" required class="checkbox validate">
411              <label for="accept-privacy" data-error="error">He leído y acepto los <a href='//www.upplication.com/es/terminos/' target='_blank'> términos y condiciones incluyendo la pólitica de privacidad.</a>
412                <!-- CAPTCHA goes here if necessary-->
413              </label>
414              <input type="submit" name="" value="Enviar mensaje" class="submit-btn bold">
415            </form>
416          </div>
417        </div>
418      </div>
419    </section>
420    <div class="customer-service">
421      <div class="container">
422        <div class="col s12 center">
423          <ul>
424            <li><span>Servicio de atención al cliente</span></li>
425            <li class="tel hover-anim"><span>917 958 203</span></li>
426            <li class="mail hover-anim"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7d14131b123d080d0d11141e1c09141213531e1210">[email&#160;protected]</a></li>
427            <li><span>L-J 10-18h y V 9-15h / Verano: L-V 8-15h</span></li>
428          </ul>
429        </div>
430      </div>
431    </div>
432    <footer class="page-footer">
433      <div class="container padTop50 padBot50">
434        <div class="row hover-anim">
435          <div class="col l3 s12 footer-nav-col">
436            <h6>Ayuda:</h6>
437            <ul class="footLinks">
438              <li><a href="https://www.youtube.com/playlist?list=PLK1kaM1jaEvuaZ0Zp38S5OYYWARq41-no" title="Tutoriales" target="_blank">Tutoriales</a></li>
439              <li><a href="https://blog.upplication.com/" title="Blog de Upplication" target="_blank">Blog</a></li>
440              <li><a href="//www.upplication.com/es/progressive-web-app/" title="Progressive Web Apps" target="_blank">Progressive Web Apps</a></li>
441            </ul>
442          </div>
443          <div class="col l3 s12 footer-nav-col">
444            <h6>Upplication:</h6>
445            <ul type="circle" class="tabs-content-list footLinks">
446              <li><a href="#tabs" title="Características">Características</a></li>
447              <li><a href="#timeline" title="Creamos tu app">Creamos tu app</a></li>
448              <li><a href="#about" title="Ejemplos de apps">Ejemplos de apps</a></li>
449              <li><a href="//www.upplication.com/es/precios/" title="Precios">Precios</a></li>
450            </ul>
451          </div>
452          <div class="col l3 s12 footer-nav-col">
453            <h6>Miscelánea:</h6>
454            <ul class="footLinks">
455              <li><a href="//www.upplication.com/es/nosotros/" title="¿Quiénes somos?">¿Quiénes somos?</a></li>
456              <li><a href="//www.upplication.com/es/bio-de-empresa/" title="Upplication bio">Upplication bio</a></li>
457              <li><a href="//www.upplication.com/es/asis-and-gross/" target="_blank" title="Un caso de éxito">Un caso de éxito</a></li>
458              <!--li
459              a(href='#hiring', title='¡Estamos contratando!', target='_blank') ¡Estamos contratando!
460              
461              li
462                  a(href='https://www.dropbox.com/s/sy2f0quvuq7nk9n/Mediakit.zip', title='Prensa') Prensa
463              -->
464            </ul>
465          </div>
466          <div class="col l3 s12 footer-nav-col">
467            <h6>Aviso Legal:</h6>
468            <ul class="footLinks">
469              <li><a href="//www.upplication.com/es/terminos/" title="Términos Legales">Términos Legales</a></li>
470              <li><a href="//www.upplication.com/es/terminos/#privacidad" title="Política de Privacidad">Política de Privacidad</a></li>
471              <li><a href="//www.upplication.com/es/terminos/#uso" title="Condiciones de uso">Condiciones de uso</a></li>
472              <li><a href="//www.upplication.com/es/terminos/#cookies-policy" title="Uso de Cookies">Uso de Cookies</a></li>
473            </ul>
474          </div>
475        </div>
476      </div>
477      <div class="clearfix"></div>
478      <div class="footer-copyright">
479        <div class="container"><span><i class="icon icon-copyright"></i>Upplication,<span id="js-current-year"></span></span><a rel="nofollow" href="http://www.fibonad.com/" target="_blank" title="Fibonad, a global advertising media company">by Fibonad</a><i class="icon icon-dot"></i><em>Diseñado y desarrollado en Madrid</em>
480          <ul class="rrss right hover-anim">
481            <li class="facebook"><a href="http://www.facebook.com/Upplication" target="_blank" title="Facebook"><i class="icon icon-facebook"></i></a></li>
482            <li class="twitter"><a href="http://www.twitter.com/upplication" target="_blank" title="Twitter"><i class="icon icon-twitter"></i></a></li>
483            <li class="instagram"><a href="http://www.instagram.com/upplication" target="_blank" title="Instagram"><i class="icon icon-instagram"></i></a></li>
484            <li class="vimeo"><a href="https://vimeo.com/upplication/" target="_blank" title="Vimeo"><i class="icon icon-vimeo"></i></a></li>
485            <li class="youtube"><a href="http://youtube.com/upplication" target="_blank" title="Youtube"><i class="icon icon-youtube"></i></a></li>
486            <li class="linkedin"><a href="http://www.linkedin.com/company/upplication" target="_blank" title="Linkedin"><i class="icon icon-linkedin"></i></a></li>
487            <li class="github"><a href="https://github.com/Upplication" target="_blank" title="Github"><i class="icon icon-github"></i></a></li>
488            <li class="google"><a href="https://plus.google.com/+Upplication?prsrc=5" target="_blank" title="Google Plus"><i class="icon icon-gplus"></i></a></li>
489          </ul>
490        </div>
491      </div>
492      <div class="footer-bottom">
493        <div class="container">
494          <ul>
495            <li><a rel="nofollow" href="http://ec.europa.eu/regional_policy/es/funding/erdf/" target="_blank" title="UE fondo de desarrollo regional"><img src="//www.upplication.com/images/home/icons/eu.png" alt="UE fondo de desarrollo regional" title="UE fondo de desarrollo regional"></a></li>
496            <li><a rel="nofollow" href="https://mixpanel.com/" target="_blank" title="Mixpanel, análisis móvil"><img src="//www.upplication.com/images/home/icons/badge_light.png" alt="Mixpanel, análisis móvil" title="Mixpanel, análisis móvil"></a></li>
497            <li class="fibonad"><a rel="nofollow" href="http://www.fibonad.com/" target="_blank" title="Fibonad, a global advertising media company"><img src="//www.upplication.com/images/home/icons/fibonad.svg" alt="Fibonad, a global advertising media company" title="Fibonad, a global advertising media company"></a></li>
498            <li><a rel="nofollow" href="http://wayra.co/en" target="_blank" title="Wayra, acelerador de startups de Telefónica"><img src="//www.upplication.com/images/home/icons/wayra.png" alt="Wayra, acelerador de startups de Telefónica" title="Wayra, acelerador de startups de Telefónica"></a></li>
499            <li><a rel="nofollow" href="http://www.freepik.com/" target="_blank" title="Freepik, free graphic resources for designers"><img src="//www.upplication.com/images/home/icons/freepik.png" alt="Freepik, free graphic resources for designers" title="Freepik, free graphic resources for designers"></a></li>
500          </ul>
501        </div>
502      </div>
503    </footer>
504    <div id="cookies">
505      <p>Usamos cookies: Ayúdenos a brindar una mejor experiencia de navegación. Al usar nuestro sitio web, acepta que podamos almacenar cookies y acceder a ellas en su dispositivo. Para más información, vea nuestros <a href='//www.upplication.com/en/terms/#cookies-policy'>Términos de uso.</a></p>
506      <button id="cookies-accept" class="icon icon-ok centered"><span>OK</span></button>
507    </div>
vendor: 113 bytes, lines 507-508
507
508    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
508<script type="text/javascript" src="//www.upplication.com/scripts/vendor/base.js"></script>
508
509    
509<script type="text/javascript" src="//www.upplication.com/scripts/main.js"></script>
509
510    
510<script type="text/javascript">
511      $(document).ready(function () {
512          //- Typical "Our clients" footer carousel
513          $('.owl-carousel').owlCarousel({
514              loop: true,
515              margin: 10,
516              autoplay: true,
517              autoplayHoverPause: true,
518              autoplaySpeed: 2000,
519              responsive: {
520                  0: {
521                      items: 1
522                  },
523                  600: {
524                      items: 2
525                  },
526                  768: {
527                      items: 3
528                  },
529                  1080: {
530                      items: 4
531                  }
532              }
533          });
534      
535          $('.scrollspy').scrollSpy();
536      
537          $('.materialboxed').materialbox();
538      
539          $('.lang-link').click(function () {
540             $("#dropdown-lang").toggleClass("notshow");
541          });
542          $('.lang-link').dropdown({
543                inDuration: 300,
544                outDuration: 225,
545                constrain_width: false,
546                gutter: 0,
547                belowOrigin: false,
548                alignment: 'left'
549              }
550            );
551      
552          //- navbar
553          var $pull = $('#pull');
554          menu = $('.top-nav-list');
555          menuHeight = menu.height();
556          $pull.on('click', function (e) {
557              e.preventDefault();
558              menu.slideToggle();
559          });
560          $(window).resize(function () {
561              var w = $(window).width();
562              if (w > 320 && menu.is(':hidden')) {
563                  menu.removeAttr('style');
564              }
565          });
566          $pull.click(function () {
567              $(".hide-ul").removeClass("hide-tabs");
568          });
569          var windowWidth = $(window).width();
570          if(windowWidth < 769){
571              $('.hide-tab').click(function () {
572                  $(".hide-ul").addClass("hide-tabs");
573              });
574              $('#pull').click(function () {
575                  $("#pull").toggleClass("open");
576              });
577          }
578      
579          //- header resize when scroll
580          $(window).scroll(function () {
581              var scroll = $(window).scrollTop();
582              if (scroll >= 250) {
583                  $(".top-header").addClass("thiny-top-header");
584              } else {
585                  $(".top-header").removeClass("thiny-top-header");
586              }
587          });
588      });
589      //- init animations
590      AOS.init({once: true});
591      
592    </script>
592
593  
593<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"21b7a16164f24bdcae4dfcba82c978fd","r":1,"spa":2}' crossorigin="anonymous"></script>
593
594</body>
595</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.