Chrome 54 终结 YouTube 的 Flash 内嵌技术

谷歌已经启动了Chrome 54项目。最新发布的版本进一步地边缘化Flash,转而使用HTML5在浏览器里内嵌YouTube视频,同时包含了大量问题修复和功能改进。

谷歌移除Flash的工作已经进行了一段时间,发布的多个更新强化了用户和开发者对HTML5的使用体验。

YouTube从2015年1月份开始使用HTML5作为默认的视频内嵌技术,谷歌在去年改变了Chromium处理网站Flash的方式。

从Chrome 45开始,浏览器在运行最重要的内容并暂停其它Flash内容之前会先检测网页中是否包含了Flash内容。

Chrome 54稳定版重写了YouTube内嵌Flash的方式,当检测到有内嵌的Flash YouTube视频,浏览器会自动使用HTML5替代它。谷歌表示这个变化是“为了减少Flash在Chrome中的使用”。

Chrome 54还带来了Custom Elements规范的v1版本。

在Custom Elements v1:可重用Web组件这篇博文里,谷歌工程师Eric Bidelman说,通过使用自定义元素,“Web开发者可以创建新的HTML标签,弥补已有标签的不足,也可以对其他开发者开发的组件进行扩展”。另外,跟v0版本不一样的是,v1版本的API在设计上有很大不同。

关于如何遵循v1规范为一个元素定义JavaScript API,Bidelman说:

自定义元素的功能是通过ES2015类来定义的,ES2015扩展了HTMLElement。扩展HTMLElement可以保证自定义元素会继承整个DOM API,也就是说,为这个类添加的任何一个属性/方法都会成为自定义元素DOM接口的一部分。本质上,就是使用这个类为你的标签创建JavaScript API。

Bidelman举了AppDrawer这个例子来说明如何定义DOM接口,其中类的属性被映射成HTML属性:

class AppDrawer extends HTMLElement {

  // A getter/setter for an open property.
  get open() {
    return this.hasAttribute('open');
  }

  set open(val) {
    // Reflect the value of the open property as an HTML attribute.
    if (val) {
      this.setAttribute('open', '');
    } else {
      this.removeAttribute('open');
    }
    this.toggleDrawer();
  }

  // A getter/setter for a disabled property.
  get disabled() {
    return this.hasAttribute('disabled');
  }

  set disabled(val) {
    // Reflect the value of the disabled property as an HTML attribute.
    if (val) {
      this.setAttribute('disabled', '');
    } else {
      this.removeAttribute('disabled');
    }
  }

  // Can define constructor arguments if you wish.
  constructor() {
    // If you define a ctor, always call super() first!
    // This is specific to CE and required by the spec.
    super();

    // Setup a click listener on  itself.
    this.addEventListener('click', e => {
      // Don't toggle the drawer if it's disabled.
      if (this.disabled) {
        return;
      }
      this.toggleDrawer();
    });
  }

  toggleDrawer() {
    ...
  }
}

customElements.define('app-drawer', AppDrawer);
关于更多自定义元素的信息,包括自定义元素的扩展和重构,请参看这里。

Chrome 54还包括了大量安全方面的问题修复。尽管谷歌没有透露太多关于这些问题的细节,Richard Bustamante在稳定通道更新里还是列出了总共21个安全问题修复,包括6个“高”安全级别问题。其中一个是URL欺骗漏洞相关问题,有一个是全局XSS问题(CVE-2016-5181),还有一个Blink引擎的堆溢出问题(CVE-2016-5182)。谷歌的PDF软件包PDFium有三个高级别的问题修复。

从谷歌公布的Chrome 54已移除和不再推荐使用的API列表来看,最新版本的Chrome不允许跨域访问window.onunload事件处理器,为的是让Chrome和HTML规范保持一致。HTTP/0.9不再被推荐使用(开发者应该转向HTTP/2),initTouchEvent被移除。

Chrome 55计划在今年11月发布。

时间: 2024-10-24 17:43:45

Chrome 54 终结 YouTube 的 Flash 内嵌技术的相关文章

《Programming WPF》翻译 第5章 2.内嵌样式

每一个"可样式化"的WPF元素都有一个Style属性,可以在内部设置这个属 性--使用XAML属性-元素的语法(在第一章讨论的),如示例5-4. 示例5-4 <Button x:Name="cell00" /> <Button.Style> <Style> <Setter Property="Button.FontSize" Value="32" /> <Setter Pr

.NET Core的文件系统[4]:由EmbeddedFileProvider构建的内嵌(资源)文件系统

一个物理文件可以直接作为资源内嵌到编译生成的程序集中.借助于EmbeddedFileProvider,我们可以统一的编程方式来读取内嵌于某个程序集中的资源文件,不过在这之前我们必须知道如何将一个项目文件作为资源并嵌入到生成的程序集中. [ 本文已经同步到<ASP.NET Core框架揭秘>之中] 目录 一.将项目文件变成内嵌资源 二.读取资源文件 三.EmbededFileProvider 一.将项目文件变成内嵌资源 在默认情况下,我们添加到一个.NET项目中的静态文件并不会成为项目编译生成的

给营销人员的提示:新广告形式——图片内嵌广告

网站赞助很受品牌主的欢迎,主要原因有两个:一是网站为品牌在页面中提供了一个显著的位置:二是网站可以提供全面的共享.如果这种内容所有权的概念也同样适用于图片,例如某种特殊风格的汽车,或者是某位名人:而且该图片可以在整个网络中赞助投放,那会起到怎样的效果呢? 图片内嵌广告,也可以称为图片标记广告,允许品牌商通过投放相关的图片与整个广告活动相匹配,从而将静态图片转换为互动的广告体验.广告本身有多种形式,从横幅广告,到Flash单元,再到品牌文本广告,都可以操作.图片内嵌广告网络就好比交易中的经纪人,通

如何根据iframe内嵌页面调整iframe高宽续篇

接着昨天的工作 如何根据iframe内嵌页面调整iframe高宽 来说,按照文章中说的第二种方法实现代码如下: 实现 A.com/detail/view 页面的iframe代码如下: 1 <iframe id="thirdiframe" src="http://B.com/location/testiframe" width="100%" scrolling="no" frameborder="0" 

Chrome 55发布:告别Flash、多数站点默认启用HTML5模式

Google一直想要淘汰Flash,并用HTML5技术取而代之.而随着Chrome 55的发布,Flash的死期又近了一步.本次更新之后,许多站点将默认启用HTML5(而非Flash).即使有一些例外,但Chrome 55还是大部分实现了Google在今年早些时候提出的目标.其实在过去几个版本之中,Chrome就已经对Flash施加了一定的限制,只是Chrome 55的变化更大一些. 更新至Chrome 55之后,许多站点会默认自动切换到HTML5模式,除非该站点仅支持Flash.下面是排名靠前

ie 8-ie8下iframe内嵌网页不显示

问题描述 ie8下iframe内嵌网页不显示 主页面中嵌套了一个iframe,代码如下: <div id = "toolbar" style="position: absolute;z-index:0;height:28px;width:500px;display:block;right:0px"> <iframe id="toolbarIframe" src="iframe/toolBar.html" sc

Google Chrome浏览器支持沙盒Flash技术

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 除了不断出现的Flash安全漏洞,很多用户经常会使用不更新的Flash插件.因此,Adobe Flash经常成为攻击者的目标. Google Chrome浏览器的一大优点是内置Flash插件.由于Chrome浏览器是通过后台自动升级,因此内置插件总是可以得到及时更新,从而在很大程度上确保了Chrome用户的安全. 除此之外,Chrome还为用

FireFox 5开发计划曝光 内嵌PDF阅读器(组图)

开源中国社区援引Conceivably Tech的消息,为我们带来了Firefox 5的一些开发计划,其中包括内嵌的PDF阅读器,一个全新的首页Tab以及社会化分享功能等等. 具体的新特性可能会包含以下内容: 1. 类似 Chrome 中的 Tab 多选,用户可简单的选择一个或者多个tab进行关闭和移动: 2. 新的 tab 页 (还没有公开测试) 3. 插件和扩展可操作标准工具 4. 文件上传进度指示器(这点chrome做得很好) home tab的早期版本 5. 首页按钮完全消失,同时增加一

如何能在微信中内嵌一个web页面

问题描述 如何能在微信中内嵌一个web页面 想问一下如何能在微信公众平台中内嵌一个web页面呢?具体方向是什么呢?本人对这个不太懂.想咨询一下