This document contains contact information for Pham Nguyen and links to resources about web and mobile development. It discusses using the WebBrowser control in Windows Phone apps to invoke JavaScript, pass parameters between a webview and native code, and navigate/clear caches. It also shows SunSpider test results comparing HTML5 performance on Windows Phone to other platforms. Resources listed at the bottom provide information on building cross-platform apps, certification requirements, and developer support.

1. Pham.nguyen@Hotmail.com
http://facebook.com/pham.nguyenit

4. IDC - http://www.idc.com/getdoc.jsp?containerId=prUS23480612

16. 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

33. 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

34. 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;
}

35. 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))

37. • Perform one way operations(WP7)
• Invoke Javascript callback methods

40. 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

42. FREE

47. cross platform rapid cost effective
build beautiful delightful
immerse
integrated

49. http://phamnguyen.info

50. http://wpdev.ms/phonedevres
http://wpdev.ms/certreq
http://wpdev.ms/howtos
http://wpdev.ms/officialsamples
http://wpdev.ms/ahforum
http://wpdev.ms/devsupport