Your SlideShare is downloading. ×
0
Pham.nguyen@Hotmail.com
http://facebook.com/pham.nguyenit
IDC - http://www.idc.com/getdoc.jsp?containerId=prUS23480612
CSS 2D Transforms
CSS 3D Transforms
CSS Animations
CSS Backgrounds & Borders
CSS Color
CSS Device Adaptation*
CSS Flexbox*...
webBrowser.InvokeScript(“myFunction", “myArg1”);
webBrowser.InvokeScript(“eval”, “document.body.offsetHeight.toString()”);...
OnScriptNotify(object s, NotifyEventArgs e)
{
var metaData = e.Value;
if (metaData == ”captureImage”)
CaptureImage();
}
vo...
webBrowser.Background=“#ffff00”;
if (webBrowser.CanNavigateBack) webBrowser.GoBack();
if (webBrowser.CanNavigateForward) w...
• Perform one way operations(WP7)
• Invoke Javascript callback methods
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 SCO...
FREE
cross platform rapid cost effective
build beautiful delightful
immerse
integrated
http://phamnguyen.info
http://wpdev.ms/phonedevres
http://wpdev.ms/certreq
http://wpdev.ms/howtos
http://wpdev.ms/officialsamples
http://wpdev.ms...
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
WP8 HTML5/IE10 for Developers
Upcoming SlideShare
Loading in...5
×

WP8 HTML5/IE10 for Developers

453

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
453
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×