Windows 10 build16215 之 Edge 新功能

新功能

  • 增加了对高级事件监听器的支持(“once”和“passive”)via
  • 增加了对CSS object-fit/object-position 的支持
  • 增加对CSS position: sticky 的支持

新的JavaScript功能

  • ES2017共享内存和原子默认处于启用状态(以前需要在“实验性JavaScript功能”中之后)

DevTools 开发者工具的改进

  • 在DOM资源管理器中,将“布局”选项卡合并到“Computed 计算”选项卡中
  • 支持了 Ctrl+Shift+I 快捷键启动。
  • DOM 事件侦听
    • 检查祖先元素的事件侦听器
    • 按事件或元素分组以查看事件列表或元素列表,其中首先包含最具体的元素事件
  • CSS @规则
    • “样式”标签栏,现在将显示相关动画的@keyframes(目前只读),
    • “样式”标签栏,现在将显示给定CSS满足的@supports语句
    • “样式”标签栏,现在将显示 @media 中的css
  • Console 控制台的改进
    • 添加了过滤器;
    • 命令行输入现在与日志视图相符。通过按Shift + Enter,开发人员现在可以转到多行模式并使用Enter提交命令。
    • 优化日志记录经验:
      • 重复的日志现在被堆叠
      • 更准确的来源(代码位置)
      • 添加背景颜色
      • 增加了日志的自定义CSS样式
      • 内容现在被包装,以适应在控制台视口内
    • 增加了 Console.table 的支持,以便以表格形式显示数据
    • 控制台现在利用了为 VS Code 提供支持的 Monaco 编辑器的特性和特点。这提供了语法着色和更快,更丰富的IntelliSense(智能感知)体验在命令行输入。

WebDriver改进

  • WebDriver 支持了以InPrivate模式启动Microsoft Edge,功能为“InPrivate”:true

原文:

New platform features:

  • Added support for advanced Event Listeners (“once” and “passive”)
  • Added support for CSS object-fit/object-position
  • Added support for CSS position: sticky

New JavaScript features:

  • ES2017 Shared Memory and Atomics are now on by default (previously behind the Experimental JavaScript Features flag)

Developer Tools improvements:

  • In DOM Explorer, merged the Layout tab into the Computed tab
  • Added Ctrl-Shift-I as a supported shortcut to launch the developer tools.
  • Ancestor Event Listeners
    • Inspect event listeners for ancestor elements
    • Group by Event or Element to see a list of events or list of elements, with the most specific element events first
  • CSS At-Rules
    • Styles tab will now display @keyframes for related animations (read-only currently),
    • Styles tab will now show the @supports statement being met for the given CSS
    • Styles tab will now show css from an @media in its own section
  • Console improvements
    • Added custom input filter and improved overall filtering experience
    • The command line input is now in-line with the logs view. By pressing Shift + Enter, developers can now move to multi-line mode and submit their command with Enter.
    • Optimized logging experience:
      • Duplicate logs are now stacked
      • Sources are now right-aligned
      • Added background colors
      • Added custom CSS styling of logs
      • Content is now wrapped to fit nicely within the console viewport
    • Added support for the Console.table API to visualize data in a tabular layout
    • The Console now leverages features and characteristics of Monaco editor that powers VS Code. This provides syntax colorization and a faster, richer IntelliSense experience in command line input.

WebDriver Improvements:

  • WebDriver now supports launching Microsoft Edge in InPrivate mode with capability “InPrivate”: true

Microsoft Edge 针对 Web 开发人员更新日志的更多相关文章

  1. Web开发人员常犯的10个错误

    说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框 ...

  2. 作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

    前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...

  3. web开发人员

    随笔- 4  文章- 18  评论- 12  [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的   前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...

  4. [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

    前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...

  5. 给 Web 开发人员推荐的通用独立 UI 组件(二)

    现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...

  6. 写给Web开发人员看的Nginx介绍

    译者注:不知道其他开发者是否和我一样,参与或者写了很多Web项目,但是却没有真正的去完整的部署应用,很多时候都是交给ops即运维的同学帮忙来做.而作为一个有节操的开发者,我认为了解一些服务器方面的知识 ...

  7. 为什么Web开发人员在2020年不用最新的CSS功能

    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文出处:https://dzone.com/articles/why-masses-are-not-usi ...

  8. Web开发人员必读的12个网站

    The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学 ...

  9. 成为Web开发人员的7个简单步骤

    你想成为一名 Web 开发人员,但现在你面前有这样一个问题,那就是你没有在高科技行业工作的经验.你上了一些课程,也花了时间在个人编码项目上,但是你的简历上关于“经验”的部分仍然不为企业承认.过渡到一个 ...

随机推荐

  1. checkbox改写

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. Core篇——初探Core的认证,授权机制

    目录 1.Cookie-based认证的实现 2.Jwt Token 的认证与授权 3.Identity Authentication + EF 的认证 Cookie-based认证的实现 cooki ...

  3. OAuth2建立webapi认证服务供自己的客户端使用--密码模式

    场景:你自己实现了一套webApi,想供自己的客户端调用,又想做认证. 第一步:通过vs2015建立web api项目,Startup.cs,这个类将会作为Owin的启动类. 第二步:在webapi. ...

  4. SpringBoot(十) 异步任务,定时任务和邮件任务

    异步任务 “异步调用”对应的是“同步调用”,同步调用指程序按照定义顺序依次执行,每一行程序都必须等待上一行程序执行完成之后才能执行:异步调用指程序在顺序执行时,不等待异步调用的语句返回结果就执行后面的 ...

  5. 洛谷P1962 斐波那契数列(矩阵快速幂)

    题目背景 大家都知道,斐波那契数列是满足如下性质的一个数列: • f(1) = 1 • f(2) = 1 • f(n) = f(n-1) + f(n-2) (n ≥ 2 且 n 为整数) 题目描述 请 ...

  6. P1903 【模板】分块/带修改莫队(数颜色)

    题目描述 墨墨购买了一套N支彩色画笔(其中有些颜色可能相同),摆成一排,你需要回答墨墨的提问.墨墨会像你发布如下指令: 1. Q L R代表询问你从第L支画笔到第R支画笔中共有几种不同颜色的画笔. 2 ...

  7. node.js连接数据库登录注册,修改用户(页面的ajax请求)

    首先给大家看一下目录结构,结构如下: index.html 首页(显示所有的用户信息) login.html 登录页 register.html 注册页 db.js 配置链接数据库参数 dbhelpe ...

  8. solarwind之network Atlas

    1.  连接密码为空,连接到Orion     2.  连接后如下图   3.  直接拖动节点即可进行绘制地图   4.  查看它的相关属性          

  9. C++中关于文本内容的实用操作集合(新)(添加一些关于文件流的介绍)

    首先先给大家一个链接:http://baike.baidu.com/view/1679747.htm 主要是关于ios的使用,头文件要include<ios>,然后就可以调用下面的一些操作 ...

  10. ajax第二天学习

    post方式发送请求 要首先设置请求头(参数设置为ajax.setRequestHeader("content-type","application/x-www-form ...