Download as PDF, PPTX
Uploaded byPoy Chang
使用最新 Edge 瀏覽器來進行開發
该文档讨论了使用最新的Edge浏览器进行开发时面临的兼容性问题，强调了浏览器间Web功能的不一致性和跨操作系统版本所带来的开发成本增加。文中提到，微软自2018年起对Chromium项目做出了多次代码贡献，并致力于提升Web标准和无障碍性。文档还介绍了通过Web标准和本地混合使用Web的灵活性来改善Web应用程序体验。
![[2018 .NET Conf].NET Core與Azure DevOps應用於企業開發](https://cdn.slidesharecdn.com/ss_thumbnails/random-180929054552-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Agile Tour Hsinchu 2019] Our practice in the DevOps Process for Manufacture ...](https://cdn.slidesharecdn.com/ss_thumbnails/devopsmanufacture-191214052228-thumbnail.jpg?width=640&height=640&fit=bounds)
使用最新 Edge 瀏覽器來進行開發
- 1. #insiderDevTour 使用最新 Edge 瀏覽器來進行開發 PoyChang Developer / Blogger / Father
- 2. #insiderDevTour Poy Chang 目前任職于全美 100大私人企業，負責企業內部 IT 解決方案設計 與開發，專注於 Azure、.NET Core、Angular 等技術研究 ✓ Angular Taiwan 社群核心成員 ✓ Microsoft MVP Developer Technologies ✓ 2019 廣州 Global Azure Bootcamp 講師 ✓ 2018 臺北 Angular TW Conf 講師 ✓ 2018 臺北 Azure Tech Day Party 講師 ✓ 2018 台中 .NET Conf 講師 ✓ 2018 北京 Global Azure Bootcamp 講師
- 3.
- 4.
- 5. #insiderDevTour 瀏覽器的 Web 功能不一致，導致相容性問題 Web開發人員告訴我們什麼？
- 6. #insiderDevTour 2009 2010 20112012 2013 2014 2015 2016 2017 2018 2019
- 7.
- 8.
- 9.
- 10.
- 11. #insiderDevTour 瀏覽器的 Web 功能不一致，導致相容性問題 跨操作系統的瀏覽器版本，增加測試和開發成本 更新週期長，造成跟不上主流Web 功能，無法快速錯誤修正 Web 開發人員告訴我們什麼？
- 12.
- 13.
- 14. #insiderDevTour 瀏覽器的 Web 功能不一致，導致相容性問題 跨操作系統的瀏覽器版本，增加測試和開發成本 較長的更新間隔，造成跟不上主流Web 功能，又無法快速錯誤修正 Web 應用程式需要靈活性，使用 Web 標準或將 Web 與本機混合使用 Web 開發人員告訴我們什麼？
- 15. #insiderDevTour ❌ Windows Web Applications Hosted Web Applications ProgressiveWeb Applications Capabilities via WinRT 1 2 3 ✔
- 16. #insiderDevTour Web Standards Windows Web Applications HostedWeb Applications Progressive Web Applications Capabilities via WinRT 1 2 3
- 17. #insiderDevTour Demo A preview ofProgressive Web Apps in Edge
- 18. #insiderDevTour 跨平台的 Web 應用程式 ProgressiveWeb Apps Preview available via Dev & Canary Channel 100% web standards based Discovered and installed via browser Available across all versions of Windows Available cross-platform
- 19. #insiderDevTour 瀏覽器的 Web 功能不一致，導致相容性問題 跨操作系統的瀏覽器版本，增加測試和開發成本 較長的更新間隔，造成跟不上主流Web 功能，又無法快速錯誤修正 Web 應用程式需要靈活性，僅使用 Web 標准或將 Web 與本機混合使用 WebViews 需要使用最新的 Web 功能，並提供相容版本的選項 Web 開發人員告訴我們什麼？
- 20.
- 21. #insiderDevTour 全新 WebView 控制項 Alwaysup-to-date Consistent with the browser version Consistent across all Windows versions Available across Win32 and UWP apps
- 22. #insiderDevTour 全新 WebView 控制項 Bringyour own version Packaged and updated with the app Consistent across all Windows versions Available across Win32 and UWP apps Always up-to-date Consistent with the browser version Consistent across all Windows versions Available across Win32 and UWP apps (default) (optional)
- 23. #insiderDevTour 對於現有的應用程式… Windows Store based WebApplications (WWA, HWA, PWA) EdgeHTML or MSHTML based WebView Other hybrid app types (Electron, CEF etc.) …continue to work as-is 🙂
- 24. #insiderDevTour 瀏覽器的 Web 功能不一致，導致相容性問題 跨操作系統的瀏覽器版本，增加測試和開發成本 較長的更新間隔，造成跟不上主流Web 功能，又無法快速錯誤修正 Web 應用程式需要靈活性，僅使用 Web 標准或將 Web 與本機混合使用 WebViews 需要使用最新的 Web 功能，並提供相容版本的選項 開發人員工具應該在所有 Web 內容和平台上保持一致 Web 開發人員告訴我們什麼？
- 25.
- 26. #insiderDevTour We believe the evolutionof the web is best served through standards bodies 1 2 3 4 We will respect the architectural requirements and engineering approaches used in Chromium 3 When seeking improvements in the web platform, our default position will be to contribute 2 We are making this decision for the long term 1
- 27.
- 28. #insiderDevTour 微軟自 2018 年12 月宣布貢獻 Chromium 專案以來，已提交 400 次以上的程式碼貢獻
- 29. #insiderDevTour Working in theopen https://github.com/MicrosoftEdge/ MSEdgeExplainers
- 30.
- 31. #insiderDevTour 讓網路更適合 每一個人 改善 Windows體驗 跟著網路持續進化 Accessibility Windows Evolving web
- 32.
- 33. #insiderDevTour Chromium 62 on Windows10 Edge 16 on Windows 10 Windows Evolving web
- 34. #insiderDevTour 將操作系統級別的高對比度設置， 應用於標準的 Web 內容 WindowsEvolving web https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/master/Accessibility/HighContrast/explainer.md
- 35.
- 36.
- 37.
- 38. #insiderDevTour 讓網路更適合 每一個人 改善 Windows體驗 跟著網路持續進化 Windows Evolving web
- 39. #insiderDevTour 讓網路更適合 每一個人 對無障礙的承諾 改善 Windows 體驗 跟著網路持續進化 AccessibilityWindows Evolving web
- 40. #insiderDevTour 讓網路更適合 每一個人 對無障礙的承諾 改善 Windows 體驗 AccessibilityWindows Evolving web
- 41.
- 42.
- 43.
- 44.
- 45.
- 46. #insiderDevTour 讓網路更適合 每一個人 對無障礙的承諾 改善 Windows 體驗 AccessibilityWindows Evolving web
- 47.
- 48. #insiderDevTour 讓網路更適合 每一個人 對無障礙的承諾 改善 Windows 體驗 跟著網路持續進化 AccessibilityWindows Evolving web
- 49. #insiderDevTour 讓網路更適合 每一個人 對無障礙的承諾 改善 Windows 體驗 跟著網路持續進化 AccessibilityWindows Evolving web
- 50.
- 51.
- 52. #insiderDevTour Learn more! Check outthe labs and resources! aka.ms/insiderdevtour-labs
- 53.