服务热线
131-1198-7613
编者按:本文由garnett在众成翻译平台上翻译。Chrome 62 Beta版紧张有这几个更新:收集质量评估API,OpenType可变字体,从Dom元素中捕捉媒体流。小编最喜爱的特征是OpenType可变字体,你们呢?
除非出格指出,本文介绍的特征实用于Android,Chrome OS,Linux,Mac和Windows平台上最新的Chrome Beta版本。
收集质量评估API
Network Infomation API已存在Chrome此前的版本中,可是之前仅针对用户特定的收集连接典范提供理论的收集速度。在本次发布的版本中,这个API的功能得以扩展,可觉得开发者提供类似于客户端的收集机能指标。借助这个API,开发者可以检测到当前预期的往返时间和吞吐量,也能够获知收集机能厘革。为了简化应用逻辑,即使现实的连接是WiFi或以太网,API也会将测量的收集机能量化为与其最接近的蜂窝连接典范(例如2G)。
借助这些收集质量信号,开发者可以凭据收集前提来定制内容。举例来说,当收集连接很是痴钝时,开发者可以提供一个简化版的网页来抬举收集加载速度。在不久的未来,这些信号也会出如今HTTP请求头中,通过Client Hints启用。
OpenType可变字体
OpenType字体变体赋予了Web新的字体排版本事。以前的话,一份字体文件只包含单一字体族的实例,且只包含一种粗细水平(常规,加粗等等中的一个)或许是一种拉伸样式(普通,压缩,舒展等等中的一个)。
图: Amstelvar和Decovar可变字体的动画展示
有了可变字体之后,字体排版也能够被纳入Web响应式打算的领域。OpenType变体能够在节省空间和带宽的同时,提供持续的气概厘革局限,这是因为它们都是从一个字体文件中加载的。字体的拉伸成果、气概典范和粗细水平可以借助于各自的CSS 属性(如今支撑数值典范的值)进行调整。借助font-variation-settings属性,可以对诸如粗细水平和字宽等参数进行微调。
从DOM元素中进行媒体抓取
W3C Media Capture from DOM ElementsAPI承诺网站直接从HTMLMediaElements(好比video,audio)中,实时抓取MediaStream形式的内容。通过挪用HTMLMediaElements上的captureStream()方法,就能够记载到流式的内容,并借助WebRTC将其发送到远端,进而可以借助WebAudio处置惩罚处罚媒体内容,或许以其他方式利用这些内容。
图:实时抓取一个3D渲染模型,并通过WebRTC将流发送到其他端。
该版本的其他新特征
iOS上的Chrome新增Payment Request API。
PaymentRequest借助PaymentDetailsModifier.data,在一种支出方式中支撑不同的价格和条目。
非文档元素和body元素如今可以操纵document.rootScroller添加视口滚动的成果,好比隐蔽所在栏或许产生滚动到头的高亮提醒(overscroll glow)。
现已给 data和time元素增加了DOM接口,为开发者提供一个原生的存储客户端内容的方式。
CSS 颜色阐明器如今支撑8位和4位的16进制颜色表示法,花样为:#RRGGBBAA和#RGBA。
继lookahead之后,这一版本中也支撑了lookbehind断言,开发者可以操纵正则表达式来鉴定某一个模式是否在另一个之后,好比可以匹配到美元的数额而不捕捉美元符号。
新增WebVR Origin Trial,这一特征可以闪开辟者在web上做捏造现实干系的摸索。
依照之前的声明,当用户在HTTP网页中输入数据或许在隐身模式下会见HTTP网页的时间,会报出“不平安”的警告提醒。
开发者可以操纵s标识在ECMA正则表达式中开启dotAll模式,这一模式下,"."可以匹配包含换行符在内的尽情字符。
在Android的Chrome中,上传图片功能优化了用户体验,增加了多选利用,只需操纵input type="file"并通过accept属性声明只继承图片即可操纵。
操纵了MediaSource API的应用可以操纵新的Media Source ExtensionsAPI,setLiveSeekableRange和clearLiveSeekableRange更高效地定制它们的HTMLMediaElement.seekable可查找的局限逻辑。
新的CSS声明visibility:collapse可以将表格行隐蔽,但不会影响表格列宽,这与visibility:hidden声明的成果不同,后者只是不去绘制表格行。
如今,给定一个地域和一个数字,网站可以操纵Intl.PluralRules来会见与多个数字形式干系的语言干系数据和干系的文本。
媒体文件扩展(MSE)已经支撑FLAC,一种按照ISO-BMFF编码的无损音频编码方式。
受保护的媒体文件如今可以通过EME在Chrome for Android上面离线播放。
Chrome for Android如今支撑了Widevine L1, 承诺网站以平安的方式播放加密媒体文件。
对模板语法的转义序列上的宽松限制解锁了新的模板标签用例,好比LaTeX处置惩罚处罚。
在Android O傍边,有看护权限的网站会作为一个看护频道出如今Chrome的Android配置傍边,这样做的目的是禁止用户误利用改动了看护权限。
弃用的功能和互利用性改进
继更新了macOS的原生按钮样式之后,input按钮和button元素的外貌做了些相似的调整,这些调整会影响到 background-color, border, border-radius, 和padding属性的默认值。
在HTTP连接和跨域iframes中,请求表示看护的功能已经被弃用,这一点依据了restricting powerful features,这种利用只针对HTTPS连接有用。
为了确保办事端返回的内容操纵的是用户的语言,在生成请求头accept-language时,根本语言如今会被直接添加到“语言+地域”之后。
为了前进交互性和浏览器的平等性,如今会派发过渡鼠标事故,并且在修改了预期结构之后会更快地更新悬停状况。
在现有的继承三个自力参数之外的机关函数之外,OfflineAudioContext新增了一个字典参数。
与其他浏览器平等,RTCPeerConnection上的getStreamById方法现已被移除。
继其他主流浏览器弃用并移除SharedWorker.workerStart后,Chrome这次也移除了这一方法。
为了更好地合适规范,ol.start的默认值已配置为1。
——————————————————
▼
2024-03-20
网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行···
2024-03-19
网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行···
2024-03-19
网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行···
2024-03-19
网页设计,是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行···