Upload
bairn
View
69
Download
0
Tags:
Embed Size (px)
DESCRIPTION
WebView: Bringing the web to your app. John Hazen Program Manager 3-179. Agenda. Web + Windows Introduction to WebView Demos and Code. Continuum of Support. IE with live t iles, notifications, and contracts Building Windows Store apps using familiar web technologies - PowerPoint PPT Presentation
Citation preview
WebView: Bringing the web to your app
John HazenProgram Manager3-179
Web + WindowsIntroduction to WebViewDemos and Code
Agenda
Continuum of Support
• IE with live tiles, notifications, and contracts
• Building Windows Store apps using familiar web technologies
• Web sites integrated into Windows Store apps
Windows Store apps and the Web
Integrate a web component or service
Provide a native experiencefor a cloud based app
The Internet
Display a web page
Displaying Web Content in Windows 8
<iframe id=“myIframe” src=“http://example.com”></iframe>
• Familiar mechanism for HTML developers
<WebView x:Name="myWebView" Source="http://example.com" />
• Familiar mechanism for XAML developersBoth have limitations…
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
Key WebView events
Navigation events • Navigation starting • Content loading • DOMContentLoaded • Navigation completed
Content events• Unviewable content • Potentially unsafe content
Script• Script executing
Key WebView methods
Navigation• Navigate / Stop / Refresh• CanGoForward & GoForward• CanGoBack & GoBackContent• Capture preview • Capture selectionCommunication• InvokeScriptAsync & ScriptNotify
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
DEMO: Intro to WebView
DEMO: WebView in HTML
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
DEMO: WebView on XAML
Summary
• Dramatically improved WebView• Use WebView where possible• Move to SSL to protect your code and your
customer
Resources
• WebView API reference (XAML)• WebView API reference (WinJS)• Windows 8.1 Preview Samples• Windows 8.1 Preview: New APIs and features for
developers
Evaluate this session
Scan this QR code to evaluate this session and be automatically entered in a drawing to win a prize!
© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.