65.9K
CodeProject 正在变化。 阅读更多。
Home

如何使用 EdgeHTML 在 JavaScript 中创建自己的浏览器

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.63/5 (6投票s)

2015年11月5日

CPOL

3分钟阅读

viewsIcon

14645

Microsoft Edge 团队的项目经理 Josh Rennert 展示了如何在 Windows 10 中使用 WebView 控件创建您自己的浏览器。

在过去的几个月里,我们对 Microsoft Edge 渲染引擎(Microsoft EdgeHTML)进行了大量的改进,重点在于与现代浏览器的互操作性以及对新标准和新兴标准的遵从。除了为 Microsoft Edge 提供支持外,EdgeHTML 还通过 WebView 控件,对所有 通用 Windows 平台 (UWP) 应用开放。在本教程中,我想演示如何使用 WebView 控件在 Windows 10 中创建您自己的浏览器。如果您使用的是 Mac,也可以尝试我们提供的虚拟机双重引导安装 Insider 版本

我们使用包括 JavaScript、HTML 和 CSS 在内的标准 Web 技术创建了一个示例 UWP 应用程序,该应用程序托管了 WebView 并提供了导航和收藏夹等基本功能。这些相同的技术可用于任何 UWP 应用程序,以无缝集成 Web 内容。

功能的关键在于强大的 WebView 控件。它提供了全面的 API 集,克服了 iframe 的许多限制,例如防止帧跳转的网站和文档加载事件。此外,x-ms-webview(这是在 HTML 中声明 WebView 的方式)提供了 iframe 无法实现的新功能,例如更好地访问本地内容以及截屏的能力。当您使用 WebView 控件时,您将获得支持 Microsoft Edge 的相同 Web 平台。

获取示例代码

您可以在 GitHub 上的存储库中查看完整的示例代码。您也可以通过从 Windows 应用商店安装该应用程序,或部署 Visual Studio 解决方案来实时演示该浏览器。

试用

借助 WebView 控件,我们仅用一个下午的时间就使用标准的 Web 技术创建了一个简单的 Web 浏览器。我们期待看到您使用 Windows 10 构建的精彩内容!

更多 Web 开发实践

本文是 Microsoft 技术传道者和工程师关于实用 JavaScript 学习、开源项目和互操作性最佳实践的网络开发系列文章的一部分,包括 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎

我们鼓励您使用 dev.modern.IE 上的免费工具,跨包括 Windows 10 默认浏览器 Microsoft Edge 在内的各种浏览器和设备进行测试。

深入了解 Microsoft Edge 和 Web 平台的技术学习

更多免费的跨平台工具和网络平台资源

© . All rights reserved.