翻译:打造Edge渲染内核的浏览器

最近开始了解UWP和Edge内核,在微软技术博客中找到一篇文章,主要是介绍Edge渲染内核使用技术。顺手翻译了一下。不对之处请斧正!

Over the past several months, we have made numerous improvements to theMicrosoft Edge rendering engine (Microsoft EdgeHTML), focusing oninteroperability with modern browsers and compliance with new and emerging standards. In addition to powering Microsoft Edge, EdgeHTML is also available for all Universal Windows Platform (UWP) apps via the WebView control. Today we would like to demonstrate how the WebView control can be used to create your own browser in Windows 10.

在过去的几个月中,我们对微软edge渲染引擎做了很多改进,集中在最新浏览器的交互方式和符合最新的标准。除了强大的MicrosoftEdge外,通用Windows平台 (UWP)同样可通过WebView控件 调用EdgeHTML。现在我们来演示如何调用WebView,在Windows 10中创建属于你自己的浏览器。

Using standard web technology including JavaScript, HTML, and CSS we created a sample UWP application which hosts the WebView and provides basic functionality such as navigation and favorites. These same techniques can be used in any UWP application to seamlessly integrate web content.

使用标准的web技术JavaScript, HTML和 CSS,我们可以创建一个基于WebView并且提供基础功能如“浏览”和“收藏夹”的UWP应用程序。这些技术同样可以使用在任何UWP应用程序中,进行无缝集成网络内容。

The crux of the functionality stems around the powerful WebView control. Offering a comprehensive set of APIs, it overcomes several of the limitationswhich encumber iframes, such as framebusting sites and document loading events. Additionally, the x-ms-webview, how one declares a WebView in HTML, provides new functionality that is not possible with an iframe, such as better access to local content and the ability to take screenshots. When you use the WebView control, you get the same web platform that powers Microsoft Edge.

该应用中的主要功能都来自强大的WebView控件,该控件为开发者提供了全面而众多的API ,帮助他们克服 iframes 带来的限制,比如被框架分裂的网站和文档加载事件。除此之外,x-ms-webview,定义在HTML中的WebView,提供iframe所不支持的新功能,如能更好访问本地内容和屏幕截图能力。当你使用WebView控件,你可以从该网站平台获取对MicrosoftEdge的支持。

Get the Sample Code

You can view the full set of sample code in our repo on GitHub. You can also demo the browser live by installing the app from the Windows Store, or by deploying the Visual Studio solution.

获取代码

你可以在Github中浏览全套的示例代码。你也可以从Windows商店在线下载浏览器安装APP,或者部署该Visual Studio解决方案

Build Your Windows 10 App Today

With the WebView control, we were able to create a simple web browser using standard web technology in just an afternoon. We look forward to seeing what you build with Windows 10!

马上创建你的Windows 10 App

通过使用WebView控件,我们只需要话一个下午的时间,就能使用标准的web技术创建一个简单的网页浏览器。我们期待看到你的Windows 10 作品。

– Josh Rennert, Program Manager, Microsoft Edge

8/28 3:17p – Updating for clarity purposes.

UPDATED AUGUST 28, 2015 3:16 PM

时间: 2024-11-03 22:52:13

翻译:打造Edge渲染内核的浏览器的相关文章

开发基于Edge渲染内核的浏览器应用

在使用Edge之前,我们先来看看UWP(Universal Windows Platform)平台.微软研发了多种设备平板.手机.Xbox.个人电脑等,在此之前,如果需要给每台设备开发程序,都需要对应的编程环境和API来实现.自从WIN10推出后,微软推出了通用windows平台,只需要一次编码就能实现在所有的平台上运行.WP手机弱在生态系统和应用少,如果windows系统的应用可以直接在WP上执行,那就给了WP手机一双强有力的翅膀.只要微软的产品策略和产品不出大的问题,那么windows系统很

不同内核的浏览器,以及渲染原理

一. "Rendering Engine"渲染引擎,也可以叫做浏览器内核(这个部分要扩展一下,原本的浏览器内核分为渲染引擎和Js引擎,后来Js引擎越来越独立,内核就倾向于只指渲染引擎了),是浏览器最核心的部分,浏览器内核的不同对于网页的语法解释会有不同,所以渲染出来的效果也不同,简单说就是不同的内核决定了浏览器如何显示页面,也是因为这个原因导致了浏览器兼容性问题的出现. 下面是5种浏览器分别采用的不同引擎: - IE内核 Trident- 谷歌内核 WebKit / Blink(由we

360浏览器是因为帮客户控制渲染内核

360浏览器是因为帮客户控制渲染内核: 若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"/> 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"/> 若页面需默认用ie标准内核,增加标签:<meta name="renderer" content=&qu

Win10正式版除Edge之外 IE等浏览器无法上网的解决办法

重置IE设置,控制面板-网络选项-高级-重置: ? 键盘操作Win+X,或右击开始键: ? 选择"命令提示符(管理员)": ? 按顺序输入下列代码: "Netsh winsock reset" ,回车: "netsh advfirewall reset" ,回车: 完成上述步骤后,关闭命令提示窗口,重启系统即可. 以上就是Win10正式版除Edge之外 IE等浏览器无法上网的解决办法介绍,步骤很简单的,希望能对大家有所帮助!

webkit内核的浏览器滚动条定制

::-webkit-scrollbar { /* 1 */ } ::-webkit-scrollbar-button { /* 2 */ } ::-webkit-scrollbar-track { /* 3 */ } ::-webkit-scrollbar-track-piece { /* 4 */ } ::-webkit-scrollbar-thumb { /* 5 */ } ::-webkit-scrollbar-corner { /* 6 */ } ::-webkit-resizer {

关于多核游览器指定渲染内核的方法。

代码示例 在head标签中添加一行代码: 1 <html> 2 <head> 3 <meta name="renderer" content="webkit|ie-comp|ie-stand"> 4 </head> 5 <body> 6 </body> 7 </html> content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核

在chrome内核的浏览器上youtube

对于平时使用google.com来查东西的程序员,没有一个fq的软件,查个东西实在是窝心啊.通过网络搜索终于发现一个好用的fq插件叫红杏,经过使用,很稳定,速度也快.唯一的缺点就是只能在chrome内核的浏览器上使用. 下载地址:http://honx.in/i/VLm81YIaAxjMGVPn

python selenium中如何测试360等基于chrome内核的浏览器

转自:https://blog.csdn.net/five3/article/details/50013159 直接上代码,注意是基于chrome内核的浏览器,基于ie的请替换其中的chrome方法为ie,但自己未尝试过,如果有结果可以告知! from selenium.webdriver.chrome.options import Optionsfrom selenium import webdriverfrom selenium.webdriver.common.keys import Ke

[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器

截至自2017-08-11,支持现世已出的几乎所有PC端浏览器版本判断. 受支持的PC端浏览器列表: Edge IE Chrome Firefox Opera Safari QQ浏览器 360系列浏览器 使用IE内核的非主流浏览器 使用Chrome内核的非主流浏览器 使用混合内核的非主流浏览器 获取浏览器版本方法: function getBroswer(){ var sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s