is there any list which HTML5 features the UIWebView supports and which not? I am interested mainly in:
1) localStorage/sessionStorage
2) offline manifest
3) web sockets
4) web workers
In pre-iOS4 there was not an offline manifest support, which was necessary to program in objective-C, which - when done broke the localStorage support, since the UIWebView does not allow sharing localStorage content between pages accessed online and pages manually downloaded and stored in the file system, because the URL was different
Thanks a lot
BR
STeN
The right answer ought to be caniuse.com which is currently the best site for non-mobile browser info. From what I've found there is no other site which has this sort of information. I would encourage you to encourage the maintainer of caniuse.com to add mobile browser information. You can do that by posting here:
http://a.deveria.com/?p=82#comments
Related
I have setup a Mediawiki family and installed the Mediawiki Mobilefrontend Extension for better mobile usability.
The extension documentation says that it is used on Wikimedia projects (like Wikipedia).
The extension gives the same look as what Wikipdia looks like on mobile, however, I noticed a big difference.
The Wikipedia on mobile seems to go to a mobile subdomain, in addition to the format that the Moileforntend Extension provides.
for example, a page about the "World Cup" has this url when viewed on a desktop computer:
https://en.wikipedia.org/wiki/World_Cup
while it has this url when viewed from a mobile phone:
https://en.m.wikipedia.org/wiki/World_Cup
My questions are:
1- Is this really a redirection to a mobile subdomain? or a mirror installation?
2- What are the benefits of redirecting to a subdomain while the Mobiefrontend extension provides the formatting already.
3- How does the data gets synchronized between the main site and the mobile site?
The answer is mentioned in this part of the configuration.
Trying to embed a pdf on my website like so:
<iframe src="filename.pdf" type='application/pdf' frameborder="0"></iframe>
The website is a rails site, and currently I'm only running it on a local server.
The problem is that the pdfs render with a toolbar on top and a sidebar with my adobe creative cloud account information, as seen in the picture below (the actual content of the pdf displays in the white box under the toolbar and to the left of the sidebar)
How can I get the pdf to render alone, without the menu and sidebar?
If you allow the browser to choose how the PDF gets rendered, you're never going to be able to create a consistent experience for your users unless you are in a controlled desktop environment.
If you are looking for a consistent experience, use pdf.js to render the PDF in the browser.
If you are in a controlled environment and all of your users have a browser/viewer combination that will let the browser show PDF using the Adobe Reader plugin (as your screen shot shows) then you can use the "open parameters" at the end of the URL to control what gets shown. See the documentation at the link below.
http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf
That said, don't count on that solution to work for very long. Most modern browsers are not allowing the viewer plugins to function anymore and the rest are moving in that direction.
Searching more into stack, try that:
https://stackoverflow.com/a/2105095/7741129
For more detailed informations:
http://blogs.adobe.com/pdfdevjunkie/web_designers_guide
I think it's better use some kind of JS stuff just in case of cross-browser issues, like related into first link. Solutions like https://pdfobject.com/ it's helpful to get the job done. Look:
PDFObject 2.0 detects browser support for inline/embedded PDFs. (In
case you were wondering, your browser supports embedded PDFs. You
lucky dog, you!)
If you're working with dynamic HTML, such as a single-page web app,
you may need to insert PDFs on-the-fly. However, PDF embedding is not
supported by certain browsers. If you insert markup without first
checking for PDF support, you could wind up with missing content or a
broken UI.
The PDFObject utility helps you avoid these situations by detecting
support for PDF embedding in the browser; if embedding is supported,
the PDF is embedded. If embedding is NOT supported by the browser, the
PDF will NOT be embedded.
By default, PDFObject 2.0 inserts a fallback link to the PDF when the
browser does not support inline PDFs. This ensures your users always
have access to your PDF, and is designed to help you write less code.
The fallback link can be customized, or the option can be disabled if
you prefer.
PDFObject 2.0 is npm-ready. Modern web apps use npm to manage packages
and dependencies. PDFObject 2.0 is registered with Node Package
Manager (npm) and can be loaded dynamically.
PDFObject also makes it easy to specify Adobe's proprietary "PDF Open
Parameters". (Be warned these parameters are only supported by Adobe
Reader, most PDF readers will ignore the parameters, including the
built-in PDF readers in Chrome, Internet Explorer, and Safari. Read
more below.)
:::UPDATED:::
i am reading about HTML-5 and what are the new features it offers, and one of these features are the App Cache which is define in W3school website as "Offline browsing - users can use the application when they're offline",,.
But is this really a new feature in HTML-5 that was not avilable in earlier HTML versions?? since from long time (at least 6 years back) we have the option of browsing a web site even if we are offline since the HTML will be cached inside the browser ?? so what is meant by offline browsing in HTML-5??
BR
Yes, this is new functionality introduced with HTML5. This is not the same as your browser caching the site, such as the ole "save for offline use" option.
Some browsers offline caching mechanisms are simply just unreliable. HTML5 instead uses a manifest file to tell the browser what it should use for offline storage.
See:
http://www.html5rocks.com/en/tutorials/appcache/beginner/
And the w3c working draft:
http://www.w3.org/TR/html5/offline.html
My favourite HTML5 resource (more regarding correct usage of older elements, and how to use the new ones): http://html5doctor.com/
Lastly, as many experienced web developers will tell you, w3schools is trouble. They're infamous for having all kinds of misleading and false information. See http://w3fools.com/
Hope this helps.
Should we not use HTML5 offline Manifest on iphone because of cache size is very limited? I don't exactly about Android browser.
I'v a simple Mobile website with 20-25 pages which I would like to make it work offline too. This site has Images, CSS, Javascrpt, HTML output, one audio file of 100kb. so total size of website is around 3mb.
As i read iphone safari has only 5MB space reserved for cache which is very low. And even I use manifest to cache some files but if user has already surfed some other websites which were using Manifest too and it filled 5MB cache then even will browser take my app's files in cache?
A good link related to this http://techblog.viewbook.com/2011/02/mobile-safari-offline-application-cache-limit/
If other websites are using the application cache, they will get their own 5Mb to use. Different sites don't share appcache data.
Yes, you should use it.
5MB is the standard storage size available to offline apps provided by browsers, it is not unusual, 5MB is the level set by the HTML5 standard.
The vast majority of offline capable apps will fit within 5MB, not-forgetting theres a WebSQL databases if you need to store there too.
Remember, the offline storage is for offline apps, not the caching of entire websites for the sake of it.
Typically, an offline app will comprise only of a couple of actual HTML pages, with the rest being generated by JavaScript through the logic of the application.
Can HTML and javascript run offline like an application? I'm looking to running the webpage offline like silverlight OOB applications. But if the browser closes, I want some way to run the webpage again without going online. Is this possible?
The HTML 5 draft introduces mechanisms for a webpage to be used as an offline application although, obviously, as a recent draft spec this isn't supported by all browsers.
You can also File > Save As and just save an HTML file and its associated JS locally.
Google Gears provides the kind of functionality that you're looking for. Google themselves are planning on phasing it out in favour of HTML5's draft (see David's response) but I think you will find Gears more mature [for the time being, at least], and (perhaps importantly, if you're considering redistribution) more consistent across different browsers.
[Further edit:] The Adobe AIR runtime allows you to run HTML and JavaScript applications on the desktop.