WP8 HTML5/IE10 for Developers

692 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
692
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WP8 HTML5/IE10 for Developers

  1. 1. Pham.nguyen@Hotmail.com http://facebook.com/pham.nguyenit
  2. 2. IDC - http://www.idc.com/getdoc.jsp?containerId=prUS23480612
  3. 3. CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Backgrounds & Borders CSS Color CSS Device Adaptation* CSS Flexbox* CSS Fonts CSS Grid* CSS Image Values (Gradients) CSS Media Queries CSS Multi-Column CSS Namespaces CSS OM Views CSS Regions And CSS Selectors CSS Transitions CSS Values And Units Data URI DOM Element Traversal DOM HTML DOM Level 3 Core DOM Level 3 Events DOM Style DOM Traversal And Range DOMParser And XMLSerializer ECMAScript 5 Formdata HTML5 Application Cache HTML5 Async Scripts HTML5 BlobBuilder HTML5 Canvas HTML5 Drag And Drop HTML5 Forms And Validation HTML5 Geolocation HTML5 Parser HTML5 Sandbox HTML5 Selection HTML5 Semantic Elements HTML5 Video And Audio JavaScript Typed Arr ICC Color Profiles IndexedDB Page Visibility Pointer (Mouse, Pen, And Touch) Events* RequestAnimationFrame Navigation Ti Selectors API Level 2 SVG Filter Effects SVG, Standalone And In HTML Web Messaging XHTML/XML
  4. 4. webBrowser.InvokeScript(“myFunction", “myArg1”); webBrowser.InvokeScript(“eval”, “document.body.offsetHeight.toString()”); webBrowser.InvokeScript(“execScript”, myScript.ToString()); XAML: <WebBrowser ScriptNotify=“Browser_ScriptNotify” /> JavaScript: window.external.notify(parameter); C#: private void Browser_ScriptNotify(object sender, NotifyEventArgs e) // use e.value to retrieve parameter
  5. 5. OnScriptNotify(object s, NotifyEventArgs e) { var metaData = e.Value; if (metaData == ”captureImage”) CaptureImage(); } void CaptureImage { // captures the image using the Camera API var path = CaptureImageFromCamera(); browser.NotifyScript(”captureImageCallback”, new[] { path }); } Javascript: // pass request meta data to host window.external.notify(”captureImage”); Javascript: // host calls back with the image path function captureImageCallback(args) { var img = document.getElementId(”x”); img.src = args; }
  6. 6. webBrowser.Background=“#ffff00”; if (webBrowser.CanNavigateBack) webBrowser.GoBack(); if (webBrowser.CanNavigateForward) webBrowser.GoForward(); await webBrowser.ClearCookiesAsync(); await webBrowser.ClearInternetCacheAsync(); webBrowser.Navigate(new Uri("test.html", UriKind.Relative))
  7. 7. • Perform one way operations(WP7) • Invoke Javascript callback methods
  8. 8. 0 500 1000 1500 2000 2500 3000 3500 4000 IE10 (WP8) HTML5 APP (WP8) IPHONE 5 SAFARI IPHONE 5 HTML5 APP SUNSPIDER 0.9.1 SCORE LOWER IS BETTER
  9. 9. FREE
  10. 10. cross platform rapid cost effective build beautiful delightful immerse integrated
  11. 11. http://phamnguyen.info
  12. 12. http://wpdev.ms/phonedevres http://wpdev.ms/certreq http://wpdev.ms/howtos http://wpdev.ms/officialsamples http://wpdev.ms/ahforum http://wpdev.ms/devsupport

×