IEBlog 简体中文

Windows Internet Explorer 工程团队博客

February, 2012

  • IEBlog 简体中文

    IE10 中的 CSS3 3D 变换

    • 0 Comments
    CSS3 功能可以帮助您更轻松地构建丰富多彩、引人入胜的 Web 体验。 近期的一篇博文 中曾介绍过 Web 开发人员如何能够借助 CSS3 过渡和动画为其网站增添个性。 CSS3 3D 变换 为开发人员强化其网站增添了一个新的维度(这一点毫不夸张)。例如,Windows 8 Metro 风格的 [Start](开始)页使用精巧的 3D 变换来突出显示已按下的图块,如下图所示。 未按下(左)和已按下(右)的 Internet Explorer 10 图块 为 CSS 变换添加第三维度 与 CSS3 2D 变换相似,3D 变换也为 CSS transform 和 transform-origin 属性提供了相应的函数和值,用于将几何变换操作应用到 HTML 元素。CSS 3D 变换对变换函数进行了扩展以支持 3D 变换。这包括扩展的变换函数,例如 rotate() 、 scale() 、 translate() 、 skew() 和 matrix() ,它们通过添加 Z 坐标参数来填充 3D 空间( matrix3d() 函数更是增加了 10 个额外的参数),以及额外衍生出的一些变换函数...
  • IEBlog 简体中文

    网站与无插件的 Web

    • 2 Comments
    当今,Web 正面向无插件的类型过渡。任何使用插件的网站都必须理解其客户在不使用插件时的浏览体验。当今许多情况下,人们浏览网页时所使用的设备根本不支持插件。即便是确实可支持插件的浏览器也提供了许多不使用插件的运行方式。 Metro 风格的 IE 可在不使用插件的情况下运行,从而延长电池的使用时间,并为客户提高安全性、可靠性以及对隐私的保护程度。 此前, 我们曾撰写了一篇博文,探讨如何使用 IE 的兼容性视图列表来确保可为其他浏览器提供无插件体验的网站也为 IE10 的用户提供相同的浏览体验。本篇博文介绍了一个方法,帮助那些仍需依靠插件的网站为使用 Metro 风格 IE 的客户提供最佳的浏览体验。 需要使用插件的网站的开发人员可使用一个 HTTP 头或 meta 标记来示意 Metro 风格 Internet Explorer 向用户发送提示信息。 HTTP 头 X-UA-Compatible: requiresActiveX=true META 标记 < meta http-equiv ="X-UA-Compatible"...
  • IEBlog 简体中文

    通过 BlobBuilder 创建文件

    • 0 Comments
    由于网站越来越多地转向 Web 应用程序,所以能够以更有作为的方式处理文件变得越来越重要。从 Platform Preview 2 开始,IE10 支持 文件 API ,令开发人员可以读取和切分客户端上的文件。Platform Preview 4 增加了对 BlobBuilder 的支持,通过它开发人员可以创建新文件。 IE10 还有两种新方法,允许用户将 blob 保存到其计算机,从而在处理客户端驻留的数据时实现极佳的端到端体验。 在 IE 测试驱动程序 页面上,我们提供了一个有趣的 钢琴演示 ,用来演示 BlobBuilder 和文件 API 功能。当按动钢琴上的音键时,网站会构建两个文件:一个 mp3 音乐文件,和一个记录音乐得分的 SVG 文件。您可以看到,每次按下一个音键时,两个文件的大小也随之变化。按播放按钮可以听到您演奏的曲调,或者按钢琴键上面的链接可以下载音乐文件或 SVG 得分文件。在本博文中,我将详细介绍这个演示如何工作,重点介绍 BlobBuilder 和文件 API 的功能。 BlobBuilder 功能 顾名思义,BlobBuilder...
  • IEBlog 简体中文

    子像素渲染与 CSS 对象模型

    • 0 Comments
    在 Windows 8 中,对于浏览网页的设备,您将面临前所未有的宽泛选择,从大型台式计算机屏幕到小型平板电脑不等。为了适应这一系列设备,浏览器必须能够以众多不同的屏幕尺寸和维度来缩放并布局网页内容。我们此前曾发布过一些博客,探讨了 IE 中支持这些应用场景的 某些 功 能 。(文本和布局的) 子像素定位 是美化网页,并使网页内容可在任何缩放比例下一致显示的一项核心平台技术。 本篇博文将介绍我们为使 IE10 更好地利用 CSS-OM 支持子像素定位而开展的改进工作。 Web 开发人员可通过众多平台技术来构建美观的布局。一般来说,开发人员将使用 CSS 样式表 来描述网站的布局。在某些应用场景中,Web 开发人员还将使用 JavaScript 代码来 衡量、校准或定位包含网页元素 ( pixel-perfect 精度)。例如,某些在线编辑器可将一个编辑框精准地放置于现有内容的上方,因此其显示效果可让您感觉就像是在直接编辑现有内容。类似这样的应用场景包括使用 CSS 对象模型 (CSS-OM) API 来读取和/或设置元素的位置。CSS-OM 是一套用于对 CSS 进行编程性操作的...
  • IEBlog 简体中文

    IE10 中的 CORS for XHR

    • 0 Comments
    IE10 的第四个平台 支持用于 XMLHttpRequest (XHR) 的 跨域资源共享 (CORS) ,从而简化了可跨浏览器一致运行的跨网站方案的构建过程。CORS for XHR 使跨网站共享数据变得简单而灵活。在最基本的方案中,CORS 允许创建可从任意网站访问的数据源,并且只需稍做调整,即可限制允许的网站,支持数据修改,甚至允许身份验证。最重要的是,CORS 可通过要求服务器参与来保护现有网站的安全。 简单的跨域 XHR 我们来看一下跨域 XHR 请求与同域请求相比有何区别。就脚本而言,唯一的区别在于传递到 open 方法的 URL。例如,假设我们要编写一个获取相册列表的脚本。 传统 XHR // Script running on http://photos.contoso.com var xhr = new XMLHttpRequest(); xhr.onerror = _handleError; xhr.onload = _handleLoad; xhr.open( "GET" , "...
  • IEBlog 简体中文

    调试 IndexedDB 应用程序

    • 0 Comments
    IndexedDB 是一种 W3C 工作草案 ,令 JavaScript 开发人员可以存储、搜索并检索用户本地客户端上的数据,即便 未启用 Internet 连接 的情况下也可以。本博文介绍 IDBExplorer,我们在内部利用该工具调试 IndexedDB 应用程序。利用 IDBExplorer,您可以查看数据库架构、对象存储内容和索引详细信息。 通过一个 IndexedDB 应用程序示例了解该工具 为了更好地演示说明,我使用 IndexedDB 创建了一个应用程序,用于跟踪我的 新年计划 。它在本地存储并访问我的计划(在系统上浏览网页),并允许我添加或编辑计划。[Done That](完成)按钮会将选定的计划从列表中移除,并从数据库中移除其内部表现形式。 IndexedDB 将某个数据库定义为信息的容器。 每个数据库均包含对象存储,用作 JavaScript 对象的存储库。 每个对象均包含可以利用 API 进行查询的特性。如果您对关系数据库熟悉,对象存储可以等同于表,对象存储中的每个 JavaScript 对象表示一个记录。不过,IndexedDB 对象存储中存储的对象都被视为不透明实体...
  • IEBlog 简体中文

    Metro 风格应用程序中的高性能 HTML5 内容

    • 0 Comments
    在显示 Web 内容时,Windows 8 中 Metro 风格的应用程序可以充分利用 IE10 的全部性能优势。在 Metro 风格的应用程序中,Web 内容始终采用 JIT 编译方式并启用硬件加速功能。而其他平台无法在应用程序中提供同等级别的性能。例如,iOS 上的 Cocoa 应用程序所提供的 JavaScript 性能(通过 UIWebView 控件)要远低于在 Safari 中运行相同内容时的性能。这些 Cocoa 应用程序不具备 JIT 编译功能,因此这些应用程序在显示和使用 Web 内容时,无法使用系统中的浏览器所采用的方式: 测试配置: http://www.webkit.org/perf/sunspider/sunspider.html 。 iPad:第一代,iOS 5.0.1。 Windows 8:开发人员预览版,Dell Optiplex 745,64 位操作系统。 Kindle Fire v1。 为什么说这一功能极为重要? 许多应用程序通过嵌入 HTML 来为客户提供内容更丰富并可即时获得最新内容的使用体验。例如,餐馆指南应用程序的开发人员可能希望在应用程序中包含一个实时地图...
  • IEBlog 简体中文

    IE10 Compat Inspector

    • 1 Comments
    面向 IE10 的 Compat Inspector 现已推出。使用 Compat Inspector 来迅速识别 Internet Explorer 平台的变化是否将影响您的网站。无论您是正准备使用 IE10 还是仍在更新 IE9,在任何页面上运行 Compat Inspector 都会发现问题。接下来,请查看解释各种潜在问题的消息,其中还列出了可采取的问题解决步骤。 关于 Compat Inspector Compat Inspector 是一个基于 JavaScript 的测试工具,其可在网站运行时分析您的网站。Compat Inspector 可报告在最新模式中导致各种问题的交互模式。这可让您迅速识别问题,而无需熟记大量文档,抑或在您的所有网站代码中进行搜索。我们在 IE9 的开发过程中开发了 Compat Inspector,旨在加速识别不同网站中存在的共同问题的过程,而现在我们已经面向 IE10 更新了 Compat Inspector。在此过程中,IE 团队中的许多成员投入了大量心血和精力来编写测试用例,这些测试用例共同构成了 Compat Inspector...
  • IEBlog 简体中文

    Windows Update 已发布 IE 9.0.5

    • 0 Comments
    Internet Explorer 累积安全更新(2012 年 2 月) 现已发布,您可通过 Windows Update 进行更新。该安全更新涉及 5 个非公开报告的 Internet Explorer 漏洞。如果用户使用 Internet Explorer 访问经过特殊制作的网页,则最严重的漏洞可能会允许远程代码执行。成功利用这些漏洞的攻击者可以获得与本地用户相同的用户权限。   与具有管理用户权限的用户相比,在帐户配置中对系统用户权限进行了限制的用户所受到的影响要小一些。  除 IE6 客户端(评级为中等)外,该安全更新在其他 Internet Explorer Windows 客户端均评级为关键;另外,该安全更新对于 Windows 服务器的 Internet Explorer 来说评级为中等(未评级的 IE6 除外)。有关详细信息,请参阅 公告全文 。 大多数客户已启用自动更新功能,无需执行任何操作。我们建议未启用自动更新功能的客户启用该功能(“开始”菜单,键入“Windows Update”)。我们建议要手动安装该安全更新的管理员、企业安装和最终用户立即使用更新管理软件执行更新...
  • IEBlog 简体中文

    本周动态:隐私保护

    • 0 Comments
    编者注:本文最早发表于 2012 年 1 月 24 日,星期二。 过去十年, Microsoft 在用户隐私保护方面投入了巨额的资金。每一款 Microsoft 产品都会考虑到隐私问题,其重要性与产品安全等同。 万维网联合会 (W3C) 是一家国际机构,负责制订确保网络长期发展的开放式标准。 该机构接受并发布 Microsoft 作为成员 提交 的保护用户隐私的 Internet 标准已将近一年。去年九月 我曾经提到过, W3C 已经 宣布 成立 跟踪保护工作组 ,该工作组将聚集行业中广泛的利益相关者,制定“禁止跟踪”的技术标准,之后一直致力于该项工作。 本周出现三件与在线隐私相关的重大事件: 数字生活设计 (DLD) 大会在慕尼黑召开, 昨天我公司的 Dean Hachamovitch 也到会并荣幸发言(参看 此处 相关帖子); 从今天开始,W3C 跟踪保护工作组举行 第三次面对面会议; 以及 明天将在布鲁塞尔举行 计算机、隐私和数据保护会议 。 此类会议汇聚了来自学术界、行业和政府的意见领袖和利益相关者,讨论信息技术、隐私和数据保护等问题。...
Page 1 of 1 (10 items)