多-快-优-智-Web应用的兼容性和智能化

多-快-优-智：快速提升Web应用的兼容性和智能化

徐玉涛ToryXu高级平台合作经理

微软中国MicrosoftmissionEmpowereverypersonand

everyorganizationonthe

planettoachievemorePPTREM2Reinvent

productivity

&businessprocessesBuild

theintelligent

cloudplatformCreate

more

personalcomputingDigitalTransformationdev.modern.ie标准模式正常情况情况下，应该让Edge/IE使用标准模式来渲染你的页面，避免使用兼容模式使用了有效并且格式正确的DOCTYPE<!DOCTYPEhtml>避免通过X-UA-Compatible强制浏览器用兼容模式渲染页面<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7"><metahttp-equiv="X-UA-Compatible"content="IE=8">（Edge浏览器将忽略此元素）兼容性视图列表（CompatibilityViewList）iepo@框架与类库尽量使用稳定并兼容度最高的框架

比如jQuery建议使用1.7.2版本建议使用modern.IE的扫描功能

http://dev.modern.ie/tools/staticscan/应该通过功能检查而不是通过UserAgent探测来判断浏览器对某一功能是否支持使用Modernizr（/download/）等工具进行功能检测//错误示范，极不推荐if(navigator.userAgent.indexOf("MSIE7")>-1){//OnlyforIE7}浏览器检测VS功能检测//正确示范，推荐做法functionload(){

if('localStorage'inwindow){

//Nowuselocalstorage

return;

}}if(Modernizr.csstransitions){//BrowsersupportsCSSTransitions}if(!Modernizr.canvas){loadCanvasPolyfill();}浏览器前缀-ms- Microsoft-moz- Mozilla-o- Opera-webkit- Safari,Chrome,以及其他基于WebKit的browsers无插件的浏览体验功能基于插件的技术示例基于标准的等效技术详细信息视频和音频Flash、AppleQuickTime、SilverlightHTML5视频

和音频视频、

音频图形Flash、AppleQuickTime、Silverlight、Java小程序HTML5Canvas

、可缩放的向量图形(SVG)、级联样式表级别

3(CSS3)过渡

和动画、CSS转换、WebGLCanvas、SVG、过渡、动画、转换、WebGL脱机存储Flash、Java小程序和GoogleGearsWeb存储、文件API、IndexedDB

和应用程序缓存APIWeb存储、文件API、IndexedDB

和应用程序缓存API网络通信、资源共享和文件上载Flash和Java小程序HTML5Web消息传递和跨源资源共享(CORS)通道消息传递、XMLHttpRequestEdge浏览器不支持出AdobeReader和Flash以外的插件关键因素问题原因解决方案标准模式Webstandardsdocmode网页在Edge模式下进行渲染错误，原因可能是该页面没有使用“<!DOCTYPEhtml>”标签声明编写指令请使用HTML5通用标签“<!DOCTYPEhtml>”声明编写指令，并删除IE兼容性标签"http-equiv"例如："<metahttp-equiv="x-ua-compatible"content="IE=*"></meta>"框架和类库Frameworks&libraries网页是基于一些三方框架或类库进行搭建的，但是由于当前使用的版本过于陈旧，从而出现一些问题请您更新网站正在使用的框架和类库浏览器前缀CSSprefixes网页正在使用浏览器前缀技术，以保证页面的跨平台体验效果，例如：-webkit-和-moz-

但是并不包含-ms-前缀请您尝试将-ms-浏览器前缀与其他浏览器前缀同时加入CSS代码中，这样做不会影响页面渲染和加载速度浏览器检测Browserdetection网页正在使用userAgent

判断浏览器类型，进而选择性的展示功能您只需将类似“navigator.userAgent;”的UA判断代码替换成功能检测代码例如：modernizr

浏览器插件Legacyplug-insandfeatures网页正在使用AdobeFlash和PDF以外的浏览器插件建议您采用无插件浏览体验标准，页面将支持更多设备以及浏览器http://dev.modern.ie/tools/staticscan/

WindowsEdge兼容性测试工具详细修改建议和方案请参考http://aka.ms/edge-dev

全新的Web浏览体验–MicrosoftEdge

快速+流畅全新的渲染引擎支持所有的Windows10设备自然式的浏览和交互Touch-friendly浏览自然的墨迹（inking）支持Cortana小娜的交互快速地分享浏览内容为分享进行设计OneDrive|OneNote集成使用ORTC实现时时通信ObjectRTCAPI:nowinMicrosoftEdgeWebstandardforreal-timecommunicationusingobject-basedJavaScriptAPIsAnnouncedOctober2014,shippedinNovember2015inpartnershipwithSkypeteamSkypeforWebwithoutplug-ins!NewSkypeforWebusesORTCAPIforplug-infreevideo/audiochatEasiestwaytoSkypewithoutappdownload–perfectforsharedcomputersORTCinteroperabilityTwilioClientSDK1.3releasedeliversinteroperabilitywithphonenetworksSimpleWebRTClibraryenablesinteroperabilitywithWebRTC1.0foraudioSamplesforTwilio&SimpleWebRTC(WebRTC1.0audiointerop)atWeb语音合成(SpeechSynthesis)Built-intext-to-speechforthewebSpeechsynthesisisasubsetofWebSpeechAPIstandardLeveragesTTSengineandvoicesbuiltintoWindows10Newscenariosforyourwebsite:accessibility,kids,“eyes-free”interaction…EasytoimplementRequires2linesofcode:SimplycreateaSpeechSynthesisUtterance

objectthentellittospeak!Optionallycontrolvoice,pitch,rate,etc.orpause/resume/cancelthecurrentspeech刷脸登录Web应用-Edge+WindowsHello降低对各种密码的依赖FIDO2.0isanewwebstandardtoprovideeasierandmoresecurewaystoauthenticatetositesLong-termgoalistoenablepassword-lessand2FAauthenticationscenariosonthewebEdge-friendlywebsitesXFIDODevicesWebSiteDiscoverableandpresentedthroughabrowserHostedWebAppMajorityofapphostedonawebserverAccesstonativeAPIsDistributedthroughaStorePackagedWebAppContentinsideapppackageCanuseCordovaorWebViewDistributedthroughaStoreWindows10Web应用的种类保持现有webworkflowHostedWebAppsCodeVisualStudioNotepad++BracketsVimATOMSublimeTextEmacsUseyoureditorPushGitSVNVisualStudioOnlineGitHubBitbucketGitlabPushtoyourrepo’sHostAmazonWSHerokuParsePrivateCloudMicrosoftAzureDeployonyourserviceReleaseReachWindowsusersWindowsAPIsDemo:

HostedWebApp非常少的工作就可以让WindowsWebApps使用Cortana

将一个VCD（VoiceCommandDefinition）文件放在你的网站,然后在HTML里增加metatag指向VCD文件.WindowsWebApps使用语音命令通过Deeplinking的功能让WindowsWebApps支持语音命令www.manifoldJS.comPlatformExamplesApplicationExamplesUImid-80sDesktopOSDos,Windows,MacOSProgramsExcel,PPT,LotusGUIAppsPCBrowserMosaic,Explorer,NetscapeWebSitesYahoo,AmazonWebPagesmid-90sWebMobileOSiOS,Android,WPAppsAngryBirds,InstagramNativeAppsmid-00sSmartphoneMessagingAppsWhatsapp,WeChat,SkypeBots/AgentsWeather,TravelConversationsmid-10sMessagingTheworldandtechnologyareonceagaintransforming

–SatyaNadella,CEOMicrosoftMicrosoftConfidentialConversations

asaPlatformPeopleDigitalassistants(数字助理)BotsDemo:

BotFramework

支持多渠道

Web浏览器/微信公众号等Bot框架是一个

Microsoft-operated服务

也是一个SDK.Bot框架Bot框架是微软提供编写bot机器人的众多技术之一其他技术:LUIS