| ms.assetid | description | title | author | ms.author | ms.date | ms.topic | ms.prod | keywords |
|---|---|---|---|---|---|---|---|---|
476c4b7a-be24-434b-a051-83f19d741aaf |
This guide provides an overview of the developer features and standards included in Microsoft Edge. |
Dev guide |
erikadoyle |
edoyle |
10/10/2017 |
article |
microsoft-edge |
edge, web development, html, css, javascript, developer |
Tip
Test on Microsoft Edge free from any browser: We partnered with BrowserStack to get free live and automated testing on Microsoft Edge.
Here's a list of the new and updated features in EdgeHTML 16. These features are available in the latest Windows Insider Preview builds, with general availability in October as part of the Windows 10 Fall Creators Update. For changes in specific Windows Insider Preview builds, see the Microsoft Edge Changelog and What's New in EdgeHTML.
Here's the permalink for the following list of changes: https://aka.ms/devguide_edgehtml_16.
Microsoft Edge now supports the unprefixed implementation of CSS Grid Layout. Grid Layout defines a two-dimensional grid-based layout system which enables more layout fluidity than possible with positioning using floats or scripts. The example below uses CSS Grid Layout to create the structure for a basic web page.
<iframe height='303' scrolling='no' title='CSS Grid Layout' src='//codepen.io/MicrosoftEdgeDocumentation/embed/mMQqZX/?height=303&theme-id=23761&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen CSS Grid Layout by Microsoft Edge Docs (@MicrosoftEdgeDocumentation) on CodePen. </iframe>EdgeHTML 16 introduces support for CSS properties object-fit and object-position. These properties control the position and size of replaced content within the content box.
This release we started a major F12 DevTools refactoring effort for improved robustness and future extensibility, and also added a bunch of new features you can start using today on Windows Insider builds. Check out Microsoft Edge F12 Developer Tools for more on what's changed!
The Payment Request API is an open, cross-browser standard that enables browsers to act as an intermediary between merchants, consumers, and payment methods (e.g. credit cards) that consumers have stored in the cloud. The API in EdgeHTML 16 has been updated to match the latest W3C Payment Request API specification. This includes:
- Support for the
canMakePayment()method - Support for the
requestIdproperty - Support for the
idproperty - The default value for the
complete()method'sresultparameter changed from " " to "unknown"
Service Workers are event-driven scripts that run in the background of a web page. Service workers enable functionality previously only available with native apps like intercepting and handling requests from the network, managing and handling background sync, local storage, and push notifications. Support for service worker is still in development, but you can test out your PWA in Microsoft Edge with our experimental service worker support by enabling the service worker feature in about:flags.
WebVR for Microsoft Edge has added support for motion controllers. These controllers have a precise position in space, allowing for fine grained interaction with digital objects in virtual reality.
WebVR has also been optimized to support two different types of experiences.
Windows Mixed Reality PCs - Desktops and laptops with integrated graphics. When plugged into these devices, our immersive headsets will run at 60 frames per second.
Windows Mixed Reality Ultra PCs - Desktops and laptops with discrete graphics. When plugged into these devices, our immersive headsets will run at 90 frames per second.
Both setups will support the same immersive video and gaming experiences.
For more info about the upcoming Windows Mixed Reality updates, check out the Windows Mixed Reality holiday update blog post.
For guides and demos, head over to the WebVR Developer Guide.
Note
Since the WebVR spec is still in development, Microsoft Edge's implementation may change later down the line.
Here's the full list of new APIs in EdgeHTML 16. They are listed in the format of [interface name].[api name].
Note
Although the following APIs are exposed in the DOM, the end-to-end behavior of some might still be in development. Refer to Microsoft Edge platform status for the official word on feature support.
EdgeHTML 12 / Windows build 10240 (7/2015)
EdgeHTML 13 / Windows build 10586 (11/2015)