点击围观!腾讯 TAPD 助力金融行业研发提效、敏捷转型最佳实践! 了解详情
写点什么

Chrome 53 支持 Shadow DOM、PaymentRequest 等规范

  • 2016-09-06
  • 本文字数:1634 字

    阅读完需:约 5 分钟

上周发布的 Chrome 53 带来了一系列实验性规范的支持,如Shadow DOM,它为复杂网页的开发提供便利。同时,针对移动平台,Chrome 53 也提供了PaymentRequest 接口、自定义通知徽章等功能。

Shadow DOM V1

HTML、CSS 和 JavaScript 是非常强大的开发语言,但是当代码量变大时,维护难度会大大增加。另外,网站嵌入的第三方内容而引入的样式,不会影响到其他的部分。Chrome 53 支持 Shadow DOM V1 ,该规范能够将元素的样式和子 DOM 节点单独封装,与主文档树相互独立。这样能够提升大型或富客户端网站的可维护性。Shadow DOM V1 版本规范和V0 版本有显著的不同,该版本已经被各大主流浏览器厂商广泛认可。Chrome 将同时支持两个版本的API,直到有足够数量的开发者开始使用V1 版本。 ShadowRoot 的行为由其创建时所调用的 API 决定(V0 版本使用Element.createShadowRoot()而 V1 版本使用Element.attachShadow()创建)。

PaymentRequest API

在网页上完成支付操作对用户来说是个冗长的流程,这样会降低网站支付转化率。虽然自动填充可以让用户输入信息更加方便,但是在移动设备上高效数据输入仍然是一个挑战。 PaymentRequest 接口允许通过信用卡或者Android Pay 在网页上快速、无缝和安全的支付。它还能够在无需输入的情况下,让用户提供账单地址、物流信息和支付信息等内容。PaymentRequest 接口在Android 版Chrome 上可用,对更多平台支持即将推出。

Payment Request API 演示

Android 版 Chrome 自动播放静音视频

视频是网站和用户交互非常好的方式,但是视频不合时宜的播放会令人不快。这种场景在移动设备上更为常见,因为用户可能处于不能开启音频的环境。Android 版 Chrome 允许静音的视频在没有用户交互的情况下开始播放。如果视频被标记为静音,且有 autoplay 属性,Chrome 将会在视频对用户可见时开始播放。开发者也可以通过脚本在无需用户交互的情况下播放静音视频。静音视频在用户操作前播放音频将会被自动暂停。

其他新增特性

弃用和互操作性的改进


感谢韩婷对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ @丁晓昀),微信(微信号: InfoQChina )关注我们。

2016-09-06 19:003152

评论

发布
暂无评论
发现更多内容

如何优雅的处理异常

京东科技开发者

异常处理 java 抛出异常 企业号 4 月 PK 榜 throwale

一些常见的字符串匹配算法

京东科技开发者

字符串 字符串匹配算法 企业号 4 月 PK 榜 文本处理

使用AI优化慢SQL,开发秒变DBA

NineData

sql AI 开发者 dba NineData

用友联合7家信创生态伙伴成立“信创领先实践联盟”,助力企业数智化国产替代

用友BIP

跨平台应用开发进阶(五十六):应用渲染异常问题分析及解决

No Silver Bullet

跨平台应用开发 三周年连更 问题分析及解决 渲染异常

算法题每日一练:最长递增子序列

知心宝贝

数据结构 算法 前端 后端 三周年连更

连接OpenAI两大智能产品Whisper & DALL·E,实现智能语音转文本/文本转图像

集简云开放平台

AI 智能 openai 数据集成平台 AI绘画

你如何看待,“国内ChatGPT还没成熟,但ChatGPT的付费模式已经成熟了?”

小傅哥

人工智能 小傅哥 ChatGPT 人工智能ChatGPT 吗? ChatGPT4

《API加速优化方案:多级缓存设计》

后台技术汇

三周年连更

代码优雅之道——如何干掉过多的if else

小小怪下士

Java 程序员 后端 代码

用友BIP助力中国领先企业数智化国产替代

用友BIP

国产替代

突破传统监测模式:业务状态监控HM的新思路

京东科技开发者

系统架构 监控系统 数据监控 业务监控 企业号 4 月 PK 榜

高效易用的C++单元测试框架:轻松构建高质量代码

万木春

c++ GitHub 单元测试

执行个 DEL 竟然也会阻塞 Redis?深挖一下果然不简单

架构精进之路

redis 缓存 后端 bigkey 三周年连更

NFT铸造质押挖矿系统开发

l8l259l3365

Mac哪款系统性能软件好用呢?Performance Index 64 Pro mac版推荐~

真大的脸盆

Mac Mac 软件 系统性能监测

Nginx常用配置及和基本功能讲解

京东科技开发者

nginx 负载均衡 正向代理与反向代理 企业号 4 月 PK 榜 Nginx入门

Matlab实现遗传算法

Shine

三周年连更

大数据之Hadoop图解概述

袁袁袁袁满

三周年连更

【Linux】之Centos7安装KVM虚拟化及相关命令

A-刘晨阳

Linux 虚拟化 kvm 三周年连更

Gradio入门到进阶全网最详细教程[一]:快速搭建AI算法可视化部署演示(侧重项目搭建和案例分享)

汀丶

人工智能 机器学习 深度学习 Gradio streamlit

Qz学算法-数据结构篇(查找算法--线性、二分)

浅辄

数据结构 三周年连更

openGauss:共建数据库根社区,打造开源数据库核心竞争力

openGauss

流量即生意!红海中的茶饮品牌如何做增量?

游读分享

Java如何获取@ApiModelProperty(value = “序列号“, name = “uuid“)注解中的value值name值?

bug菌

三周年连更 获取注解值

如何建设一个用于编译 iOS App 的 macOS 云服务器集群?

京东科技开发者

ios 编译 CI/CD 企业号 4 月 PK 榜 云服务集群

复旦MOSS大模型开源了!Github和Hugging Face同时上线

Openlab_cosmoplat

人工智能 开源项目 ChatGPT

迪斯克Disrupt DEX众筹挖矿系统开发技术

薇電13242772558

dapp

语雀-使用指南

六月的雨在InfoQ

在线文档 在线协同文档 三周年连更 语雀

易观千帆 | 2023年3月证券APP月活跃用户规模盘点

易观分析

证券 经济

JUnit 5 参数化测试

码语者

Java JUnit

Chrome 53 支持Shadow DOM、PaymentRequest等规范_Chrome_金灵杰_InfoQ精选文章