HTML and CSS Reference
In-Depth Information
To do this, you have to place the URL or location of the files under the
NETWORK definition in the manifest file. Your new cache file should look like the
following.
CACHE MANIFEST
# We'll make these files available offline
chable
CACHE:
index.html
css/mobile.min.css
js/app.min.js
img/highres/momemo.png
img/lowres/momemo.png
img/back.png
img/clear.png
img/loading.gif
img/search.png
# These files require a network connection
NETWORK:
If you cache a file, you must remember that it has to exist on the server;
otherwise, the application cache won't cache any of your files.
To reload the cache, simply change/amend the cache file.
Debugging with Chrome for Android
If you have experience creating web sites, you know how frustrating it used to
be debugging anything in IE6. There was no JavaScript console, DOM
inspector, profiler, and so forth. Up until now, it's been the same for mobile, as
there has been no native way to easily run and debug a mobile web application.
Finally, Chrome for Android has introduced a smart and clever way to debug
your mobile web applications, just like your desktop web applications.
With Chrome for Android, you can initiate a remote debugging session from the
console, and use the web inspector on your computer to interact with the web
page on your android device. Unfortunately, this works only for Android 4+ (Ice
Cream Sandwich), as Chrome supports only this version of Android.
To do this, head over to the Play Store on your device, and download the free
Google Chrome browser. Remember, you'll only find the app if you're on
Android 4+.
You'll need to enable Web Debugging, so in the app go to Settings
Developer
tools
Enable USB Web debugging.
