cvmgtw
Last Updated: February 01, 2019
·
26.1K
· mehmetbat

New HTML Tricks for Web Developers in Apple’s iOS

Picture

Apple’s recent iOS 6 update added some nice new web standards support to Mobile Safari, the default iOS web browser for the iPhone, iPad and iPod touch.
Apple’s documentation remains sparse and occasionally outdated, but luckily Max Firtman, author of O’Reilly’s Programming the Mobile Web, has a very thorough rundown of everything that’s new in iOS for web developers.

By far the biggest news is support for file uploads and camera access using a combination of the File API and the HTML Media Capture API. To let users take a picture from your web app, you’d use a file input tag something like this:

<input type="file" accept="image/*" capture="camera">

Mobile Safari’s Media Capture support is incomplete so it will ignore the capture attribute, as well as any value for accept other than image or video, but at least web apps can now capture and upload images from the iPhone’s camera.

Demos:

<input type="file" accept="image/*" capture="camera">

<input type="file" accept="video/*" capture="camcorder">

<input type="file" accept="audio/*" capture="microphone">

Good work.

11 Responses
Add your response

40

Nice & helpfull. Thanx for the share

over 1 year ago ·
44

Eline sağlık Mbat

over 1 year ago ·
54

que bueno, Gracias por eso.

over 1 year ago ·
91

Thanks for your prototip

over 1 year ago ·
403

Good pro tip!

over 1 year ago ·
2031

Thanks for sharing.

over 1 year ago ·
2898

very nice article...thanks a lot for sharing...

over 1 year ago ·
30099

Thanks for this great post. This is really helpful for me. Also, see
https://epsxeapk.weebly.com/

8 months ago ·
30667

Good material. I'm trying to figure it out, but it's hard to cope yet. Tell me a person who could develop an application on iOS for buying tickets? Here is this resource. https://best-vegas.com/events-next-14-days/ And also interested in further services. Thank you.

6 months ago ·
31100

Thanks for this great post. This is very helpfull to me.
https://frpbypasss.com/

4 months ago ·
31530

i have installed one ios application from web source, i am getting this showbox not working error ( https://showbox.store/showbox-not-working-error/) . How resolve it.

2 months ago ·