All geek questions in one place

How to make a page resident (if I don’t have a server?)

With mobile web applications becoming the next big thing. I developed a small web page with mobile features, it works fine on Android and i-Phone, here: http://dl.dropbox.com/u/4303088/gadgetdraftoknewdatac.html This is pure JS .. It gets data from spreadsheets Google

I can tag it on my Android phone and, presumably, on the i-Phone, and since it is quite small, it is quite responsive, but I can not prevent the page from reloading. I read that I will need to make changes to the web server in order to set the page expiration date (through the headers?). At the moment, I am servicing this from servers on which I do not have this level of control. This copy, for example, comes from dropbox.

Is there a way to make this act more like an Installed application using direct HTML / CSS / JS ???

+4
source share
2 answers

It would seem that this is what I was looking for. Let's try it soon! http://html5doctor.com/go-offline-with-application-cache/ The answer is to use a manifest file:

Manifest file The file name is in your html

<!DOCTYPE html> <html lang="en" manifest="/offline.manifest"> // your html document </html>

example manifest file. Then a file called offline.manifest <<<pay attention to the same name as in your html with something like:

 # This is a comment CACHE: /css/screen.css /css/offline.css /js/screen.js /img/logo.png http://example.com/css/styles.css

And it's all! The solution seems to work on modern mobile devices, which significantly reduces DL time after the first visit.

-1
source

I have two options for you, and both are interesting.

You can watch the online presentation from the HTML5ROCKS website to have a quick link and a demonstration of many HTML5 / CSS3 / JavaScript features. For example, you will see some features in the slides, such as new HTML5, WebSQL, WebSockets, and Canvas form elements.

The only problem is that many of these features are not yet available in many browsers. Have an HTML5 test to test it yourself!

I retain a better role for the latter, because you can use a very innovative way of creating cross-platform applications (desktop / mobile) based on web technologies.

Take a look at Titanium Mobile from the appcelerator because you can create apps for iOS (iPhone / iPod Touch / iPad) and Android OS using web technologies like HTML5, CSS3, JavaScript, PHP, Ruby and Python. It is very easy to use! You create a page with your favorite web technologies, and Titanium Desktop / Mobile creates an application with it. The best part is that it is free!

Good luck! :)

+1
source

Source: https://habr.com/ru/post/1336221/

More articles:


All Articles