Microsoft Edge 针对 Web 开发人员更新日志
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 开发人员更新日志的更多相关文章
- Web开发人员常犯的10个错误
说到开发一个运行在现代网络中的网站:Web开发人员需要选择虚拟主机平台和底层数据存储,准备编写HTML.CSS和JavaScript用的工具,要有设计执行方式,以及一些可用的JavaScript库/框 ...
- 作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的
前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...
- web开发人员
随笔- 4 文章- 18 评论- 12 [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的 前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章> ...
- [译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的
前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programme ...
- 给 Web 开发人员推荐的通用独立 UI 组件(二)
现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高.在推荐完图形库之后,再来推荐一些精品的独立 UI 组件.这些组件可组合在一起,形成美观而交互强大的 Web UI . 给 We ...
- 写给Web开发人员看的Nginx介绍
译者注:不知道其他开发者是否和我一样,参与或者写了很多Web项目,但是却没有真正的去完整的部署应用,很多时候都是交给ops即运维的同学帮忙来做.而作为一个有节操的开发者,我认为了解一些服务器方面的知识 ...
- 为什么Web开发人员在2020年不用最新的CSS功能
转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文出处:https://dzone.com/articles/why-masses-are-not-usi ...
- Web开发人员必读的12个网站
The more you actually create, the more you’ll learn.(创造的越多,学习的越多),世界上有无数个开发人员会在网上分享他们的开发经验,我们无法向所有人学 ...
- 成为Web开发人员的7个简单步骤
你想成为一名 Web 开发人员,但现在你面前有这样一个问题,那就是你没有在高科技行业工作的经验.你上了一些课程,也花了时间在个人编码项目上,但是你的简历上关于“经验”的部分仍然不为企业承认.过渡到一个 ...
随机推荐
- checkbox改写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Core篇——初探Core的认证,授权机制
目录 1.Cookie-based认证的实现 2.Jwt Token 的认证与授权 3.Identity Authentication + EF 的认证 Cookie-based认证的实现 cooki ...
- OAuth2建立webapi认证服务供自己的客户端使用--密码模式
场景:你自己实现了一套webApi,想供自己的客户端调用,又想做认证. 第一步:通过vs2015建立web api项目,Startup.cs,这个类将会作为Owin的启动类. 第二步:在webapi. ...
- SpringBoot(十) 异步任务,定时任务和邮件任务
异步任务 “异步调用”对应的是“同步调用”,同步调用指程序按照定义顺序依次执行,每一行程序都必须等待上一行程序执行完成之后才能执行:异步调用指程序在顺序执行时,不等待异步调用的语句返回结果就执行后面的 ...
- 洛谷P1962 斐波那契数列(矩阵快速幂)
题目背景 大家都知道,斐波那契数列是满足如下性质的一个数列: • f(1) = 1 • f(2) = 1 • f(n) = f(n-1) + f(n-2) (n ≥ 2 且 n 为整数) 题目描述 请 ...
- P1903 【模板】分块/带修改莫队(数颜色)
题目描述 墨墨购买了一套N支彩色画笔(其中有些颜色可能相同),摆成一排,你需要回答墨墨的提问.墨墨会像你发布如下指令: 1. Q L R代表询问你从第L支画笔到第R支画笔中共有几种不同颜色的画笔. 2 ...
- node.js连接数据库登录注册,修改用户(页面的ajax请求)
首先给大家看一下目录结构,结构如下: index.html 首页(显示所有的用户信息) login.html 登录页 register.html 注册页 db.js 配置链接数据库参数 dbhelpe ...
- solarwind之network Atlas
1. 连接密码为空,连接到Orion 2. 连接后如下图 3. 直接拖动节点即可进行绘制地图 4. 查看它的相关属性
- C++中关于文本内容的实用操作集合(新)(添加一些关于文件流的介绍)
首先先给大家一个链接:http://baike.baidu.com/view/1679747.htm 主要是关于ios的使用,头文件要include<ios>,然后就可以调用下面的一些操作 ...
- ajax第二天学习
post方式发送请求 要首先设置请求头(参数设置为ajax.setRequestHeader("content-type","application/x-www-form ...