Lo primero que tenemos que hacer es descarganos los paquetes de css y js que ofrece ratchet en la siguiente página ( http://goratchet.com/getting-started/ ):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ratchet template page</title>
<!-- Sets initial viewport load and disables zooming -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<!-- Makes your prototype chrome-less once bookmarked to your phone's home screen -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Include the compiled Ratchet CSS -->
<link href="ratchet.css" rel="stylesheet">
<!-- Include the compiled Ratchet JS -->
<script src="ratchet.js"></script>
</head>
<body>
<!-- Make sure all your bars are the first things in your <body> -->
<header class="bar bar-nav">
<h1 class="title">Ratchet</h1>
</header>
<!-- Wrap all non-bar HTML in the .content div (this is actually what scrolls) -->
<div class="content">
<p class="content-padded"> HOLA MUNDO </p>
<div class="card">
<ul class="table-view">
<li class="table-view-cell">
<a class="push-right" href="http://goratchet.com">
<strong>Documentación de ratchet</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="https://github.com/rafaelgonz">
<strong> Github</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="index2.html">
<strong>Pulsa para continuar</strong>
</a>
</li>
<li class="table-view-cell">
<a class="push-right" href="index3.html">
<strong>Pulsa para registrarte</strong>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>Ahora, en nuestro servidor local (xampp en mi caso) nos conectamos mediante la IP de nuestro servidor con un dispositivo android con el navegadro Chrome (MUY IMPORTANTE) y en opciones, descargamos la web. Y si nos fijamos, lo que nos hemos descargado es el apk.
PD: En IOS desconozco su funcionamiento para descargar la página mediante el navegador, pero esto es tan fantástico que según he leido en los grupos de google de ratchet, funciona estupendamente también.
No hay comentarios:
Publicar un comentario