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 开发人员,但现在你面前有这样一个问题,那就是你没有在高科技行业工作的经验.你上了一些课程,也花了时间在个人编码项目上,但是你的简历上关于“经验”的部分仍然不为企业承认.过渡到一个 ...
随机推荐
- vue中 router-link 传递参数以及获取
将所遇见的问题一步一步记录下来,不久便会成长 今天在修改前端(vue) BUG的时候遇见 router-link标签,传递参数到另一个页面,确不知道参数在另一个页面怎么接收,于是找度娘需求解决办法,最 ...
- 截图 gif 图小工具
GifCam gyazo gyazo.com Windows 10 中的内置截屏(Win+G)
- 深入了解React组件重新渲染的条件和生命周期
React组件rerender的真正条件 当前组件的State中的属性改变时且当前组件的shouldcomponentupdate返回true,那么当前组件会rerender 组件的props中的任一 ...
- Python3之时间模块详述
Python3之时间模块 time & datetime & calendar 一. 概述 python 提供很多方式处理日期与时间,转换日期格式是一个常见的功能. 时间元组:很多p ...
- Android实现图片相似度
Android实现图片相似度 最近公司有一个需求,就是希望能判断用户提交的照片是否是身份证的正面或者反面.可以通过预设一张拍摄清晰的身份证正面或者反面,来对比是否相似,那么问题就转化为如何计算两张图片 ...
- mac上卸载node
//卸载方法一 有时手贱看到新版本就升级,升级后发现一堆模块不能用了,心情好慢慢调,但也有调不好的时候,只能卸载重装低版本的node了. 我的机器环境如下 1. Mac OSX 10.10.3 2. ...
- C++中static和const关键字的作用
static关键字至少有下列几个作用: 函数体内static变量的作用范围为该函数体,不同于auto变量,该变量的内存只被分配一次,因此其值在下次调用时仍维持上次的值: 在模块内的static全局变量 ...
- [NOIP补坑计划]NOIP2016 题解&做题心得
感觉16年好难啊QAQ,两天的T2T3是不是都放反了啊…… 场上预计得分:100+80+100+100+65+100=545(省一分数线280) ps:loj没有部分分,部分分见洛咕 题解: D1T1 ...
- Element源码阅读(2)
一.element中的指令 在input-number组件中, 用到一个v-repeat-click指令, 主要用于input-number组件的重复点击效果.具体实现在directives中的rep ...
- BZOJ 3697/3127 采药人的路径 (点分治)
题目大意: 从前有一棵无向树,树上边权均为$0$或$1$,有一个采药人,他认为如果一条路径上边权为$0$和$1$的边数量相等,那么这条路径阴阳平衡.他想寻找一条合法的采药路径,保证阴阳平衡.然后他发现 ...