EtchMark 后台揭密:构建能够处理触控、鼠标、手写笔以及设备摇晃操作的网站

EtchMark 是以经典的 Etch-A-Sketch 绘图玩具为原型构建的全新游戏,充分展示了 IE11 在触控和最新 Web 标准(包括指针事件和设备方向)支持方面的改进。在本博文中,我们将介绍一些创新功能,您可以轻松地将它们添加到自己的网站中,构建平滑、自然的触控、鼠标、手写笔和键盘操作体验,甚至可响应设备摇晃操作。 该演示的结构 EtchMark 允许您使用触控、鼠标、手写笔或箭头键在屏幕上绘制任何图形。绘图表面为一个 HTML5 canvas 元素,当旋转旋钮时,我们会立即更新该元素。在基准模式下,我们使用 requestAnimationFrame API 提供每秒 60 帧、平滑的循环动画,延长电池使用时间。使用 SVG 滤镜创建旋钮的阴影效果。IE11 的硬件加速功能将此项工作的大部分任务转交给 GPU 来完成,从而实现惊艳的快速体验。请观看下面的视频了解这些功能的应用效果,随后我们将深入剖析这些功能,了解它们是如何构建的。 EtchMark 使用 HTML5 canvas、requestAnimationFrame、SVG 滤镜、指针事件和设备方向 API 以经典玩具为原型构建全新的游戏 使用指针事件实现触控、鼠标、键盘和手写笔操作 利用指针事件,您可以针对单一 API 编写代码,构建完美支持鼠标、键盘、手写笔和触控的操作体验。大量 Windows 设备均支持指针事件,在不久的将来,其他浏览器也将支持指针事件。指针事件规范当前已成为 W3C 的候选推荐标准,IE11 支持该标准的无前缀版本。 首先,我们需要在 Knob.js 中关联我们的指针事件。我们首先检查该标准的无前缀版本,如果检查失败,则回退到支持 IE10 所需的带前缀版本。在下面的示例中,hitTarget 是一个简单的 div 元素,用于承载旋钮图像,元素尺寸应设置的稍微大一点,以便用户能够轻松地使用手指进行操控:     if (navigator.pointerEnabled)     {         this.hitTarget.addEventListener("pointerdown",…

0

2013 年 11 月 Internet Explorer 更新

Microsoft 安全公告 MS13-088 – 关键 该安全更新弥补了 Internet Explorer 中十个未公开报告的漏洞和一个已公开披露的漏洞。如果用户使用 Internet Explorer 访问经过特殊制作的网页,则最严重的漏洞可能会允许远程代码执行。成功利用这些最严重的漏洞的攻击者可以获得与当前用户相同的用户权限。与具有管理用户权限的用户相比,在帐户配置中对系统用户权限进行了限制的用户所受到的影响要小一些。 对于 Windows 客户端上的 Internet Explorer 6、Internet Explorer 7、Internet Explorer 8、Internet Explorer 9、Internet Explorer 10 和 Internet Explorer 11,此安全更新被评级为“关键”,对于 Windows 服务器上的 Internet Explorer 6、Internet Explorer 7、Internet Explorer 8、Internet Explorer 9、Internet Explorer 10 和 Internet Explorer 11,此安全更新被评级为“重要”。有关详细信息,请参阅完整公告。 Microsoft 安全公告 MS13-090 – 关键 该安全更新弥补了 Internet Explorer…

0

一个令人伤感的喜讯

Microsoft 仍将继续推动 Web 向前发展。从发布本博客的第一篇博文算起,Web 和 IE 团队已经走过了漫长的岁月。本博客仍将继续为关注 Web 发展的广大用户介绍最新技术进展并解答共同关心的问题,例如 HTML5、性能、触控、安全性等。 我在 Microsoft 担任的职位即将发生变动,将领导新团队开创全新的业务。当然,Microsoft 仍将继续致力于推动浏览器、Web 标准、Web 开发人员工具、隐私甚至更多领域的发展。新的领导团队将接手此项艰巨的工作,他们具有卓越的领导能力。 感谢大家在过去九年中积极为我们提供宝贵的反馈建议。大家激情澎湃地针对本博客中的各种主题展开热烈讨论的画面仍历历在目,我很享受在 IE 团队工作的美好时光,同时也很伤感,因为即将与大家告别。我希望在不久的将来,会在 Microsoft 其他业务领域围绕全新的主题通过博客与大家互动。 — Internet Explorer 公司副总裁 Dean Hachamovitch

2

使用 IE11 构建全球通用的 JavaScript 应用程序

使用 IE11 构建全球通用的 JavaScript 应用程序 利用 Internet Explorer 11,Web 应用程序现在可以使用 JavaScript ECMAScript 国际化 API,该功能提供有标准的 JavaScript 接口,可以实现出色的全球通用体验,例如,数字、日期、时间和货币格式和特定文化的字符串排序(比较)。在 IE11 中,Web 应用可以利用 Windows 国际化库中公开的功能,包括对 364 种可用区域设置、18 种编号系统和各种日期模式的支持,同时还支持常见的日历系统 — 公历、伊斯兰教历、希伯来历、佛历以及韩国和日本日历。ECMA-402 规范还更新了现有 ECMAScript 5.1 的 toLocale* API,使这些 API 能够识别不同的区域设置。 Web 应用过去很难实现全球化,这是因为 JavaScript 缺少对公开基础操作系统功能的基本帮助器和对象的支持。应用程序依靠插件、浏览器扩展或服务器端数据操作提供全球通用的全球化体验。IE11 对 ECMA-402 的支持令全球通用的 JavaScript 应用程序更为直接。 识别区域设置的字符串排序规则(排序) IE11 可以自动实现特定区域设置字符串排序背后通常很复杂的逻辑。在不同的语言和文化间,字符串的排序和顺序惯例通常大相径庭。排序顺序可能会基于大小写敏感性、语音或者字符的可视化表示。例如,在东亚语言中,字符是按笔画和会意字的偏旁来排序。不同的语言和文化其排序还取决于字母排序顺序。例如,瑞典语有一个字符 "Æ",排在 "Z" 后。德语也有字符 "Æ",但是其排序像 "ae",排在 "A" 后。 在 IE11…

0

在确保网站持续正常工作的同时,IE11 可以自动使 40% 以上的网站变得更安全

Internet Explorer 11 是首款使 Internet 连接变得更安全可靠的浏览器,其采用的具体方法是通过减少易受攻击的密码集(例如,RC4)的使用,以及在默认情况下使用最新的安全标准 TLS 1.2。通过 IE11 中的这些更改,您可以放心地访问社交媒体、银行、商业和其他网站上的重要个人信息。这些改进基于我们为使 IE 在社交工程攻击等关键方面成为最安全的浏览器而做出的不懈努力。 IE11 减少了对易受攻击的 RC4 密码集的使用 通过减少对易受攻击的 RC4 密码集的使用,IE11 在提升安全性方面向前迈进了一大步。RC4 是一种受到 TLS 服务器的广泛支持(通常为首选)的流密码。但是,最新研究(例如由 AlFardan 进行的研究)揭示了利用可用于恢复一些加密数据的 RC4 密钥流进行攻击的行为。Paul、Mantin 和 Fluhrer 还发现 RC4 存在其他的缺陷。基于这些研究所达成的业内共识是:RC4 存在着各种各样的加密缺陷,利用 RC4 的攻击目前切实可行。我们已建议对 TLS 标准进行更改,以便其他浏览器和业内人士可以和我们一起使 Web 变得更安全。 IE11 中的这些更改提高了安全性,同时仍然能够确保与 Web 的兼容性,尽管 RC4 密码集目前已被广泛使用。在初始 TLS/SSL 握手期间,IE11 不提供基于 RC4 的密码集。这样,大多数连接都可以成功地使用非 RC4 密码集。通过对 500 万个 Internet…

0

Windows 7 上的 IE11 现已在全球范围内面向消费者和企业推出

Internet Explorer 11 (IE11) 已在全球范围内推出,其包括 95 种语言版本,现已可供立即下载。在接下来的几周内,我们会开始将 Windows 7 客户自动更新到 IE11,运行 IE11 Developer Preview 和 IE11 Release Preview 的客户可从今天开始更新。就这一最终版本而言,IE11 为 Windows 7 客户提供了消费者在 Windows 8.1 中所体验到的相同的主要标准支持(包括更出色的性能、安全性、隐私和可靠性)。 借助 Windows 8.1,IE11 提供了网站与应用兼顾的最佳体验。Windows 8.1 上的 IE11 可以在任何平板电脑上提供快速、流畅、完美支持触控的最佳 Web 体验。 实际网站的速度提高了 30% 对于 IE11,我们仍旧提供了使用 Windows 设备浏览实际网站的最佳性能。Windows 7 上的 IE11 全面改进了性能,提供了更快速的页面加载、交互和 JavaScript 性能,同时降低了 CPU 使用率并延长了移动 PC 上的电池使用时间。 您可以通过 IE 体验网站上的演示抢先体验…

0