Windows 8.1: New WebView control

Transcript

1. Windows 8.1: New WebView control Ryan Joy - @atxryan
2. Who am I? •Web developer / JavaScript developer / UX developer •Developer Evangelist @ Microsoft •Live in Austin, TX •<3 JavaScript •Passionate about tech community. All community. •I tweet a lot. @atxryan •When not tweeting, you can find me across the entire internet by searching ‘atxryan’
4. Displaying Web Content in Windows 8 <WebView x:Name="myWebView" Source="http://example.com" /> Familiar to XAML developers <iframe id=“myIframe” src=“http://example.com”></iframe> Familiar to HTML developers
5. WebView control for Windows 8.1 • Integrated WebView into display tree! • Complete set of navigation events and methods • Navigate to local content • Integrated with SmartScreen to block phishing attacks • Single great control available to XAML and HTML developers
6. Windows Store apps and the Web Integrate a web component or service Provide a native experience for a cloud based app The Internet Display a web page
7. Key WebView events Navigation events • Navigation starting • Content loading • DOMContentLoaded • Navigation completed Content events • Unviewable content • Potentially unsafe content Script • Script executing
8. Key WebView methods Navigation • Navigate / Stop / Refresh • CanGoForward & GoForward • CanGoBack & GoBack Content • Capture preview • Capture selection Communication • InvokeScriptAsync & ScriptNotify
9. Protecting your app and customer data • SmartScreen in WebView • Intentional and Trustworthy Communication • Manifest and SSL is critical for app and data integrity Impact for iframes WebView and ScriptNotify
10. WebView local navigation support • Navigation to ms-appdata:// http:// - navigate to internet content ms-appx-web:// - navigate to content in app package ms-appdata:// - navigate to local app state directory • Nativation to ms-local-stream:// myWebView.NavigateToLocalStreamUri( initialUri, resolver ); BuildLocalStreamUri – constructs initial ms-local-stream:// URI IUriToStreamResolver – returns Windows.Storage.Streams.IInputStream
11. XAML WebView control sample (Windows 8.1) http://rj.cx/xaml-webview-sample
12. Learn more! http://rj.cx/ms-academy-events
13. Thanks!!! Ryan Joy - @atxryan Developer Evangelist @ Microsoft
14. Code Camp 2013 Sponsors Gold Silver Bronze