Browsers on Android (Webkit,chromium)

2,670 views

Published on

NOTES: Since Android 4.4, the Webview was chromium based. So, some of content in this presentation is either invalid or out of date.

Published in: Mobile, Technology

Browsers on Android (Webkit,chromium)

  1. 1. browser on android - webkit, chromium, webview, contentView..
  2. 2. webkit Rendering engine used by Safari , Chrome and Android Browser Not too much document...
  3. 3. chromium a open source browser project using webkit as the rendering engine from which the chrome draw its source code
  4. 4. chrome google’s name and different logo integrated flash player built-in pdf viewer built-in print system auto update statistics and crash report sender aac mp3 h.264* more html5 video/audio support
  5. 5. Android stock browser stock browser webview webkit(android)
  6. 6. Chrome for Android base on same source code unified UE NO flash support tab/navigation ue sign in sync chrome dev tools html5 indexDB websocket webworker vs chrome desktop vs stock android browser GPU acce. for canvas css transformation & transition geolocation html media capture
  7. 7. Android browser VS chrome android Vs Content Shell based Browser android browser 280 (290 using webview) android chrome(v18) 369 android 4.0.4r1 Qunata POC box form+33 file +10 communication + 22 works + 10 although none video codec is marked as supported, but android browser DO be able to play some html5 video. Not sure of the video codec type content shell (chrome v19) 391
  8. 8. chrome 21 video/audio support http://html5test.com/compare/browser/chrome21.html video codec mp4v.20.8
  9. 9. content module Content contains only the core code to render a page. Chrome use Content API to implement features.
  10. 10. Architecture diagram
  11. 11. contentView vs webView At this stage, webview provide more functionality than contentView webview is much more stable than contentView (contenView based browser is very fragile)
  12. 12. Options to build a customize browser webkit (android) webview android browser (option1) customize browser webkit content chrome Android (option2) customize browser pros cons option1 1.stable & mature API 2.android browser’s code is open sourced and could be leveraged 3.learning curve is low 1. less html5 support 2. wekkit is out of date and its update cycle is limited by Android release cycle option2 1. better html5 support 2. multiprocess 3. stay updated (chrome V18) 1. non-stable & mature 2.chrome android is not open source 3. learning curve is high
  13. 13. To get both benefit, WE wish... Webview could built upon chrome engine Are you still working on the Android browser, or are you dropping support in favor of Chrome? Android Browser and Chrome for Android are both derived from Chromium and already share a lot of code. We will continue to evaluate where it makes sense to harmonize our efforts; for instance, Google now has just one port of WebKit to maintain. https://developers.google.com/chrome/mobile/docs/faq But good news is .....
  14. 14. http://www.zdnet.com/blog/burnette/google-io-2012-android-fireside-chat/2637 Q: With Chrome on Android what happens to the original Android browser and WebView? A: ICS->JB upgrade will not pre-install Chrome. WebView will be converted to Chromium based code. Android and Chrome engineers are working together. Q: Will WebView get updated? A: WebView and Chrome browser will be the same when the OS is upgraded. Every 6 weeks Chrome will be updated but WebView will not. Just to be careful not to break anything. Pretty Good! What does it mean??? Webview will be chromium based
  15. 15. webkit (chrome) webview android chrome (option1) customize browser That is ..... But, it is still under cooking.. not yet on 4.1
  16. 16. Reference http://en.wikipedia.org/wiki/Chromium_(web_browser) http://www.tested.com/news/feature/2779-what-chromium-and-webkit-mean-for-androids-browser/ https://developers.google.com/chrome/mobile/docs/faq https://developers.google.com/chrome/mobile/docs/overview https://www.google.com/intl/en/chrome/browser/mobile/android.html http://code.google.com/p/chromium/wiki/AndroidBuildInstructions http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_all http://caniuse.com/#index http://stackoverflow.com/questions/2643447/html5-video-mp4-and-ogv-problems-in-safari-and-firefox-but-chrome-is-all-goo http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5 http://www.pcmag.com/article2/0,2817,2406667,00.asp

×