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

这篇文章是从微软的Web开发系列的一部分。 感谢您支持谁使SitePoint可能的合作伙伴。

在过去的几个月里,我们已经取得了许多改进微软边缘渲染引擎 (微软EdgeHTML),专注于互操作性与现代的浏览器,并符合新出现的标准。 除了微软边缘供电,EdgeHTML也可用于所有通用Windows平台 (UWP)通过WebView控件的应用程序。 在本教程中,我想演示如何WebView控件可用于在Windows 10,创建自己的浏览器。如果你是在Mac上,你可以尝试的一个我们的虚拟机决斗启动安装内幕构建太。

使用标准的Web技术,包括JavaScript,HTML和CSS,我们创建了一个示例应用程序UWP该主机上的web视图,并提供基本的功能,如导航和收藏夹。 同样的技术可以在任何应用程序UWP用于无缝集成的网络内容。

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

功能性的症结茎各地有实力的WebView控制。 提供一整套的API,它克服了一些局限性 ,其牵累内部框架,如framebusting站点和文档加载事件。 此外, X-MS-web视图 ,一个是如何在声明一个HTML网页视图,提供了新的功能,这是不可能与一个iframe,比如更好的访问本地内容,并采取截图的能力。 当您使用WebView控件,你会得到同样的网络平台,支持微软的边缘。

获取示例代码

您可以查看全套的示例代码中我们在GitHub回购。 您也可以在演示现场浏览器通过安装应用程序从Windows应用商店,或通过部署Visual Studio解决方案。

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

试试看

随着WebView控件,我们能够创建一个使用标准的Web技术,在短短一个下午一个简单的Web浏览器。 我们期待着看到你建立与Windows 10的!

多动手与Web开发

这篇文章是由微软技术传道者的web开发一系列实用的JavaScript学习,开源项目,和互操作性的最佳实践,包括一部分微软边缘浏览器和新的EdgeHTML渲染引擎

我们鼓励您跨浏览器和设备,包括微软边缘测试-适用于Windows 10的默认浏览器-与免费工具dev.modern.IE

深入微软边缘,距离我们的工程师和传道者的Web平台技术的学习:

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

From: https://www.sitepoint.com//create-browser-javascript-using-edgehtml/