最近嘗試將做的一個Android項目web化,而其中的一個方案,就是做成html5的。於是做了一些Demo,也做了一些簡單的研究。其中一個比較重要的問題,就是HTML5在Android和IOS的兼容性如何。
找到下面的表格,很好的解答了我的問題。
與看到這篇博文的好友一起分享。
Feature |
Safari on iOS |
Android Browser |
BlackBerry Browser |
Nokia Browser |
Internet Explorer |
Opera |
Firefox |
webOS Browser |
Version tested
iPhone, iPad
Phones
(1-2.3, 4.0)
Tablets (3.0+)
Phones
Tablet
Meego - Nokia N9
Symbian
Windows Phone
Mobile
Mini
Android
Minimum version tested
3.2
1.5
3.0
5.0
1.0
1.2
^3
9
11
5
6
1.4
Application Cache
W3C API
Offline package installation.
2.1+
6.0+
Web storage
W3C API
Persistent and session storage.
2.0+
6.0+
Web SQL storage
W3C API (no active)
Persistent SQLite storage.
2.0+
6.0+
Geolocation
W3C API
Geolocation & tracking using GPS, cells or Wi-Fi.
2.0+
6.0+
Multimedia
W3C API
Video & Audio Players
2.3+
7.0+
Server-Sent Events
W3C API
EventSource pattern to mantain the connection to the server open
4.1+
Web Sockets
W3C API
Newbidireccional protocol over HTTP
4.2+
6.1+
7+
Feature |
Safari on iOS |
Android Browser |
BlackBerry Browser |
Nokia Browser |
Internet Explorer |
Opera |
Firefox |
webOS Browser |
Version tested
iPhone, iPad
Phones (1.0-2.3)
Tablets (3.0+)
Phones
Tablet
Meego - Nokia N9
Symbian
Windows Phone
Mobile
Mini
Android
Web Workers
W3C API
Threading and background process communications
5.0+
6.0+
Canvas API
W3C API
2D Drawing API
Anna+
SVG
W3C Working Group
Scalable Vector Graphics
4.0+
Motion Sensors
W3C Standard
Accelerometer, Gyroscope, Magnetometer
4.2
4.0+
moz (custom)
HTML5 Form Virtual Keyboards
W3C Standard
Text Inputs with different keyboards
Anna+
HTML5 Form New Controls
W3C API
At least: Date, Time, Month, Range
5.0+
Touch Events
W3C API
touchstart, touchend, touchmove, touchcancel
2.1+
6.1+
(android)
Feature |
Safari on iOS |
Android Browser |
BlackBerry Browser |
Nokia Browser |
Internet Explorer |
Opera |
Firefox |
webOS Browser |
Version tested
iPhone, iPad
Phones (1.0-2.3)
Tablets (3.0+)
Phones
Tablet
Meego - Nokia N9
Symbian
Windows Phone
Mobile
Mini
Android
CSS 3 Basic
W3C Standard
opacity, backgrounds, text effects, rounded corners
6.0
Anna+
partial
CSS 3 Transforms 2D
W3C Standard
rotate, translate, scale, skew, matrix
2.0+
6.0
Anna+
partial
CSS 3 Transforms 3D
W3C Standard
scale3d, translate3d. Perspective, Backface
4.0+
CSS 3 Transitions
W3C Standard
Animations between two states
2.0+
6.0
Anna+
CSS 3 Animations
W3C Standard
Animations with keyframes
2.0+
6.0
Anna+
Viewport definition
W3C API
Meta tag support.
supports target-densityDpi
Anna+
supports css & meta
Position: fixed support
W3C Standard
Ability to mantain an element fixed in the viewport while scrolling / zooming
5.0+
2.2+ & non scalable viewport
3.1+
7.0+
Remote Debugger
Ability to attach a remote debugger, such as Web Inspector
weinre (inspector)
weinre (inspector)
weinre (inspector)
7.0+
DragonFly
weinre (nspector)
Feature |
Safari on iOS |
Android Browser |
BlackBerry Browser |
Nokia Browser |
Internet Explorer |
Opera |
Firefox |
webOS Browser |
Version tested
iPhone, iPad
Phones (1.0-2.3)
Tablets (3.0+)
Phones
Tablet
Meego - Nokia N9
Symbian
Windows Phone
Mobile
Mini
Android
WebGL
Khronos Group API
3D Canvas for the web
2.3 only on Sony Xperia
2.0 beta
XMLHttpRequest 2.0
W3C API
AJAX 2.0: upload files, progress
5.0+
4.0+
Navigation Timing API
W3C API
Performance events for WPO
4.0+
4.0+
7+
Notifications API
W3C API
Background alert notifications
custom code
Network Information API
W3C API
Connection Type: 2G, 3G, 4G, WiFi
2.2+
File API
W3C API
Opening local files through input type
4.0+
CORS
W3C API
Cross origin Resource Sharing, for cross domain AJAX request
4.0+
HTML Media Capture
W3C API
Taking pictures, record video and audio from an input file type
4.0+
IndexedDB
W3C API
Agnostic database system (replacement for Web SQL)