You are here

Feed aggregator

Neues beim Internet Explorer 11 für Windows Phone

MSDN Blogs - Tue, 07/01/2014 - 10:18

Vielleicht haben Sie hier und da schon etwas über die neuen Funktion des IE11 unter Windows Phone 8.1 gehört. Wir freuen uns, Ihnen heute alle Verbesserungen der Benutzerfreundlichkeit vorstellen zu können. Unser Team hat sich bei dieser Version auf vier Schlüsselbereiche des Browsers konzentriert: schneller Zugriff auf Websites, schnelles und flüssiges Browsen, Sicherheit und Datenschutz sowie Barrierefreiheit.

Lesen Sie auch die kommenden Beiträge über Neuigkeiten für Webentwickler in dieser Version.

Schneller Zugriff auf Websites

Jeder wünscht sich einen schnelleren Browser – eine spannende Herausforderung, die unser Team in zwei Schritte aufgeteilt hat. Erstens müssen Sie Ihr Ziel in den Browser eingeben, zweitens soll der Browser dieses Ziel so schnell wie möglich erreichen. Dabei wird in der Regel der Schwerpunkt auf den zweiten Schritt gelegt und viel über Benchmarks für die Browserleistung (wie z. B. SunSpider, Acid3, Octane und andere volltönende Namen) diskutiert. Nach unseren Fortschritten bei den Benchmarks haben wir uns dieses Mal den ersten Schritt vorgenommen, die Eingabe des Ziels in den Browser. Im Folgenden möchte ich unsere Herangehensweise erläutern.

Häufig besuchte Websites & URL-Vorhersagen

Wenn Sie auf die Adressleiste tippen, möchten Sie wahrscheinlich zu einer anderen Website wechseln. Wir alle besuchen bestimmte Websites häufiger, und um diese einzugeben reicht ab sofort ein kurzes Tippen auf die Adressleiste. Während Sie den Browser verwenden wird laufend aktualisiert, welche Websites Sie auf dem Smartphone am häufigsten besuchen. In diesem Screenshot sehen Sie meins.

Schon beim Tippen in die Adressleiste wird vorhergesagt, zu welcher Website Sie wahrscheinlich wechseln möchten (der hervorgehobene Teil unten). Sie müssen nicht mehr die gesamte URL schreiben, sondern einfach nur auf Eingabe tippen, um sofort ans Ziel zu kommen. Bald schon werden Sie nicht mehr wissen, wie Sie jemals ohne diese Funktion leben konnten. Das Ergebnis ist ein Browser, der sich viel persönlicher anfühlt, da Sie viel müheloser auf Ihre Lieblingswebsites zugreifen können.

Unbegrenzte Registerkarten (mit einfachem Zugriff) & Ein IE, überall

Da immer häufiger auf mobilen Geräten im Internet gesurft wird, sollen auf diesen Geräten auch immer komplexere Aufgaben durchgeführt werden. Ein Beispiel dafür ist das Browsen mit mehreren Registerkarten. In früheren Versionen konnten nur bis zu sechs Registerkarten geöffnet werden und es gab im Menü „...“ eine schmale Kachelschwelle zum Zugriff auf die Registerkarten (wenn die Standardeinstellung für die Adresszeilenschaltfläche nicht geändert wurde).

Wir haben diese Begrenzung daher entfernt. Sie können jetzt so viele Registerkarten öffnen, wie Sie möchten. Wirklich! Und die Schaltfläche neben der Adresszeile greift jetzt standardmäßig auf Ihre Registerkarten zu. Außer dem Zugriff auf die Registerkarten wollten wir auch das Aktualisieren erleichtern. Das haben wir gleich mit erledigt. Beachten Sie, dass die Schaltflächen für Registerkarten und Aktualisieren beide nun unmittelbar verfügbar sind.

  

Aufmerksamen Lesern ist im obigen Screenshot vielleicht das Wörtchen „other“ aufgefallen. Wir freuen uns, ankündigen zu können, dass Internet Explorer 11 nun in der Lage ist, die Browserdaten mit sämtlichen Ihrer Smartphones, Tablets und PCs zu synchronisieren. Dies gilt für all Ihre Favoriten, Verlaufsdaten, Kennwörter und geöffneten Registerkarten. Sie können nun auf einem anderen Gerät sofort genau an der Stelle weitermachen, an der Sie aufgehört haben. Sich selbst Links per E-Mail senden zu müssen gehört der Vergangenheit an.

Keine Angst: Machen Sie sich um Ihre Datennutzung keine Sorgen. Wir kümmern uns darum. Geben Sie einfach Ihr Datenlimit in die DataSense-App ein, und wir achten darauf, wann Daten synchronisiert werden, um zusätzliche Gebühren bei einer Datenüberschreitung zu vermeiden.

Angeheftete Live-Websites

Ich liebe es, über angeheftete Websites auf der Startseite direkt auf meine Lieblingsblogs zuzugreifen. Aber ehrlich gesagt sahen die auf dem Windows Phone bisher nicht so toll aus. Sie zeigten nur statische Screenshots und konnten nicht mit den attraktiven, dynamischen Live-Kacheln meiner Lieblings-Apps mithalten. Aber das ändert sich jetzt. Wenn Sie Windows 8.1 verwenden, sind Ihnen angeheftete Websites bereits vertraut.

Nun werden angeheftete Websites mit zahlreichen Symbolen angezeigt, die wie andere Live-Kacheln im Hintergrund aktualisiert werden können, sodass sie beispielsweise die neuesten Schlagzeilen und Bilder Ihres Lieblingsblogs enthalten. Hier finden Sie Anleitungen, wie Sie dieses Feature für Ihre eigene Website nutzen können (Hinweis: das Markup ist das gleiche wie unter Windows 8.1). Sollten Ihre Lieblingsseiten angeheftete Live-Websites nicht unterstützen, weisen Sie sie freundlich darauf hin, wie cool das ist, und verweisen Sie auf diese Anleitungen. Für Entwickler werden wir noch weitere Informationen bereitstellen. In der Zwischenzeit können Sie diese Startseite bewundern, die ausschließlich angeheftete Live-Websites enthält.

Schnelles und flüssiges Browsen

Sie können jetzt also wesentlich schneller in den Browser eingeben, welche Websites Sie besuchen möchten. Aber auch die Inhalte sollen natürlich so schnell wie möglich geladen und angezeigt werden. Mit Inline-Videowiedergabe, Leseansicht, Speichern von Kennwörtern, Wischen zum Vor- und Zurückblättern und der Speicherung heruntergeladener Dateien haben wir daher auch die Vorgänge nach Ankunft auf einer Website beschleunigt.

Inline-Videowiedergabe

Wie oft haben Sie ein YouTube-Video angesehen und sich gedacht: „Was wohl das Internet darüber denkt?“ Sie können sich nun das Video UND die wertvollen Kommentare darunter innerhalb Ihres Browsers ansehen. Um das ganze noch zu toppen wird das Video sogar im Sperrbildschirm wiedergegeben. In Kürze stellen wir weitere Informationen für Entwickler bereit, die die Inline-Videowiedergabe optimal unterstützen möchten.

Leseansicht

Sie lesen unterwegs gern Promi-Klatsch Nachrichten? Tippen Sie einfach in der Adressleiste auf das Symbol „Leseansicht“, genau wie auf Ihrem Tablet oder PC, um den Lesespaß enorm zu erhöhen. Unerwünschte Inhalte werden hierdurch entfernt und alle Seiten eines Artikels zusammengefügt. So sieht der gleiche Artikel auf der Website und in der Leseansicht aus.

  

Speichern von Kennwörtern

Die Anmeldung wird hierdurch zum reinsten Kinderspiel. Noch Fragen?
PS: Kennwörter im IE werden jetzt auf Smartphone, Tablet und PC synchronisiert.

Wischen zum Vor- und Zurückblättern

Sie können nun zum Vor- und Zurückblättern wischen, ähnlich wie auf Ihrem PC oder Tablet. Ja, Sie können im IE unter Windows Phone endlich wieder vorblättern! Der folgende Screenshot zeigt das Zurückblättern beim Lesen eines Artikels.

Speichern von heruntergeladenen Dateien

Sie können nun selbst entscheiden, ob heruntergeladene Dateien gespeichert werden sollen.

Sicherheit und Datenschutz

Mit SmartScreen-Filter war der IE der erste mobile Browser mit Phishingschutz. Außerdem haben wir das DoNotTrack-Signal eingeführt, um den wachsenden Datenschutz-Anforderungen entgegenzukommen. Mit neuen Funktionen zur Verbesserung Ihrer Sicherheit setzen wir diesen Trend fort.

InPrivate

Sie möchten Ihre Begeisterung für Einhörner für sich behalten? Öffnen Sie die Registerkarte „InPrivate“, und seien Sie gewiss, dass alle mit dieser Registerkarte verknüpften Daten beim Schließen der Registerkarte gelöscht werden. Öffnen Sie einfach auf dem Bildschirm „Registerkarten“ das Menü, und wählen Sie „Open InPrivate tab“ (InPrivate-Registerkarte öffnen) aus.

DataSense-Speichermodus

DataSense für IE auf dem Windows Phone 8 ermöglichte bis zu 40 % mehr Browsen mit der gleichen Datenmenge, ohne wahrnehmbare Unterschiede. Nun führen wir als neuen Speichermodus den „High Savings Mode“ ein, der nur die wichtigsten Teile einer Website lädt und Bilder stark komprimiert. Auf der linken Seite sehen Sie ein Beispiel mit, auf der rechten Seite ohne High Savings Mode.

  

Die Seite sieht definitiv anders aus, was enorm nützlich ist für einen knappen Datentarif oder wenn Ihr monatliches Datenvolumen schon ausgeschöpft ist. In den Internet Explorer-Einstellungen können Sie festlegen, ob der High Savings Mode immer, nie oder automatisch aktiviert wird, wenn Sie sich dem Datenlimit Ihres Tarifs nähern (entsprechend der Konfiguration Ihrer DataSense-App). Tippen Sie für die Vollversion der Website einfach auf das Symbol in der Adressleiste, während Sie sich im High Savings Mode befinden.

Barrierefreiheit

Wir bei Microsoft haben einen integrativen Anspruch an die Produktentwicklung, denn wir möchten den Bedürfnissen all unserer Benutzer entgegenkommen. Ich freue mich sehr darüber, dass der IE11 über Hochkontrastmodus, Sprachausgabe und einen Außerkraftsetzungsschalter verfügt, um die Zoomfunktion für alle Webseiten zu ermöglichen. Weitere Informationen über die systemweite Barrierefreiheit finden Sie in einem kommenden Beitrag im Windows Phone-Blog.

Zusammenfassung

Puh! Das war eine ganze Menge. Wir sind gespannt auf Ihr Feedback zu diesen großartigen Udates für Ihren Browser. Schreiben Sie unten einen Kommentar, oder twittern Sie bei IE.

– Amin Lakhani, Programm Manager, Internet Explorer

Vielen Dank an Dhruv Chadha, Derek Liddell und Oren Freiberg für Ihre Beteiligung an diesem Beitrag.

适用于 Windows Phone 的 Internet Explorer 11 新增功能

MSDN Blogs - Tue, 07/01/2014 - 10:18

您或许已经听说过有关 Windows Phone 8.1 上的 IE11 的一些消息,现在,我们非常高兴地和您一起全面分享该浏览器的用户体验改进!我们的团队重点为以下四个关键浏览体验提供了大规模升级:快速站点访问、快速流畅地浏览、安全和隐私以及辅助功能。

即将发布介绍该版本浏览器有哪些适用于 Web 开发者的新功能的博文,敬请留意。

快速站点访问

每个人都想要一个更快的浏览器,这是一项有趣的挑战,我们的团队将这项工作分成两个部分。首先,您需要告诉浏览器您想要访问哪里,第二,浏览器需要尽快地到达那里。第二项工作通常获得更多的关注和精力,浏览器性能基准(例如 SunSpider、Acid3、Octane 等)方面引发了更多的讨论。一方面我们在基准方面取得了一些进展,另一方面,这次对第一部分工作也就是“告诉浏览器您想要访问哪里”投入了大量的精力,同时取得了重大的改进。以下是我们的工作内容。

常用网站 + URL 预测

当您点击地址栏时,我们知道您可能希望访问一个不同于当前正在浏览网站的站点。我们每个人都会有几个经常访问的站点,现在只需快速点击一下地址栏就可以访问这些站点。在您浏览时,将会更新为反映您最常访问的站点。下面是我的屏幕截图。

如果您决定在地址栏中键入,我们现在可以预测您要访问的网站(下面高亮显示的部分)。现在不用键入整个 URL,只需点击 Enter,就可以快速前往您想要去的站点。一经拥有,您将对这个功能难以割舍。因为您只需较少的步骤就能到达想要访问的站点,所以结果就是浏览器的使用感觉更为顺畅。

无限(易于访问)选项卡 + 一个 IE,畅游天下

现在因为更多的 Web 浏览操作已转为在移动设备上执行,我们希望能够在这类设备上完成更为复杂的任务。一个示例就是多选项卡浏览。以前,我们只能允许最多六个选项卡,在“…”菜单有一个小的分隔栏用于访问选项卡(除非您使用该设置更改地址栏按钮)。

所以我们决定去除此限制 - 这样,您就可以根据自己的喜好打开任意数量的选项卡 - 默认情况下,地址栏旁边的按钮会访问您的选项卡。令选项卡更容易访问是一个受欢迎的变化,不过,我们还听到希望能更容易进行刷新的要求。现在我们下一步就是着手这方面的工作。您将会注意到选项卡按钮和刷新按钮都可以即时访问。

  

如果您是一个敏锐的观察者,您就会注意到在上面的屏幕截图中的“其他”选项。我们非常高兴地宣布 Internet Explorer 11 将会在手机、平板电脑和电脑之间同步您的浏览数据。这包括您的收藏夹、历史记录、密码和打开的选项卡。现在,您可以从您切换设备时离开的位置重新开始浏览,不再需要通过电子邮件向您自己发送链接。

注意:如果您担心数据的使用超过限额,我们也为您提供了支持保护。只需在 DataSense 应用中输入您的数据限制,我们就会智能地了解何时同步数据,以避免发生数据超量、费用超额的情况。

动态固定网站

我喜欢利用固定网站在开始屏幕上快速访问我喜欢的博客,但是坦白地说,到目前为止,Windows Phone 上的固定网站功能还远远谈不上出色。与展示我喜欢的应用的这些美观而生动的动态磁贴相对,只有一个静态屏幕截图的动态固定网站功能就太逊色了。现在一切都变了。如果您使用过 Windows 8.1,固定网站现在感觉更为亲切和熟悉。

固定网站现在显示丰富的网站图标,甚至可以在后台进行更新,和其他动态磁贴一样,例如,会显示您收藏的博客的最新标题和图片。如果您拥有某个网站,您可以在此处找到有关如何激活该功能的说明(提示:与 Windows 8.1 中的标记一样)。如果您喜欢的网站不支持动态固定网站,请指引他们查看上述说明,并告诉他们现在所有炫酷的网站都在实现这项功能。我们将会为开发者公布更多详细信息,但是同时,请查看下面开始屏幕截图,其全部内容均显示为动态固定网站。

快速流畅地浏览

现在,您可以更快速地访问网站。我们还希望您能够以超乎寻常的速度获取和浏览您关注的内容。因此,我们还提供了嵌入式播放、阅读视图、记住密码、轻扫以返回和前进以及保存已下载文件这些功能,令您在到达网站后,可以获得更快速的浏览体验。

嵌入视频播放

您有多少次在观看 YouTube 视频时曾经想过,“不知道 Internet 对此事作何感想”?现在,您可以在浏览器内观看该视频,并且查看其下面的评论。更有意思的是,我们将会使视频在锁屏界面下播放。我们将会陆续发布更多信息,帮助开发者为嵌入视频播放提供更为出色的支持。

阅读视图

您喜欢在路上用手机阅读明星八卦和时尚杂志文章吗?就像在您的平板电脑或电脑上一样,现在在手机上,点击地址栏上的“阅读视图”图标可以获得更为出色的阅读体验。该视图会扫清杂乱,将所有文章页面整合到一起。下面是使用“阅读视图”时的某个网站上文章的样子。

  

记住密码

这会令登录更加容易,这一点无须赘言。
PS – 密码现在可以在手机、平板电脑和电脑之间的 IE 上同步。

轻扫可以返回和前进

与您的电脑或平板电脑(是否注意到这个趋势?)类似,您现在可以通过轻扫来返回和前进。是的,前进是 Windows Phone 上的 IE 用户期待已久的一项功能回归!下面的屏幕截图显示正在阅读一篇文章时的返回情形。

保存下载的文件

您现在可以选择是否保存从 Web 中下载的文件!

安全和隐私

我们是第一款利用 SmartScreen Filter 引入了反钓鱼保护的移动浏览器,另外还增加了 DoNotTrack 信号,以应对用户对隐私安全越来越重视的情形。我们还增加了几项功能,以便保证用户在浏览时受到保护。

InPrivate

不希望朋友知道您对独角兽如此着迷怎么办?您现在可以打开 InPrivate 选项卡,当关闭该选项卡时,与该选项卡相关联的所有数据都将被删除。只需在选项卡屏幕上打开该菜单,然后选择“打开 InPrivate 选项卡”。

DataSense 超级省流量模式

我们将 DataSense 引入 Windows Phone 8 上的 IE,浏览相同数量的数据时可以节省高达 40% 的流量,而在浏览体验方面则没有显著的差别。这一次,我们引入了“超级省流量模式”,只下载网站中最重要的内容并且高度压缩图片。下图左侧是启用了超级省流量模式的情形,右侧是未启用超级省流量模式的情形。

  

网站看起来确实有所不同,如果您的流量额度较小,或者这个月的流量额度马上就要用完,这个功能将会非常有用。在 Internet Explorer 的设置中,您可以选择始终启用“超级省流量模式”、从不启用它,或者将其设置为自动(当将要达到流量限额时,会自动启用该功能,该限额值是在您的 DataSense 应用中配置)。要在“超级省流量模式”下查看某个网站的完全版本,只需点击地址栏上的图标。

辅助功能

Microsoft 在产品设计方面采用包容性原则和方法,确保了解我们所有用户的需求。IE11 支持高对比度模式、Narrator 和一个替代开关,以便能够放大所有的网页。敬请期待 Windows Phone 博客上即将发布的博文,将详细介绍系统范围内的辅助功能。

总结

哎呀!其实想要介绍的内容还有很多!我们非常高兴为您的浏览器带来这么多重大的更新,我们也一如既往地始终期待您的意见和反馈。请在下面填写评论或者关注 tweet @IE

— Internet Explorer 项目经理 Amin Lakhani

感谢 Dhruv Chadha、Derek Liddell 和 Oren Freiberg 对本篇博文的贡献。

Поддержка живой плитки для веб-сайта в Windows и Windows Phone 8.1

MSDN Blogs - Tue, 07/01/2014 - 10:17

tl;dr: У вас есть RSS-канал? Создайте живую плитку для своего веб-сайта всего за несколько минут на buildmypinnedsite.com.

Отображение контента на начальных экранах с использованием возможностей Интернета

С помощью Internet Explorer пользователи могут поместить свои любимые веб-сайты рядом с любимыми приложениями, закрепив их на начальных экранах Windows и Windows Phone. Благодаря такому закреплению веб-сайтов из Internet Explorer пользователи могут получать мгновенный доступ к этим сайтам с начального экрана без повторного выполнения навигации.

Если пользователи закрепили ваш сайт, это говорит о том, что они часто посещают его и интересуются обновлениями. То есть теперь Internet Explorer предоставляет вам живые плитки для веб-сайтов, обеспечивая связь пользователей с вашим сайтом даже вне браузера.

Благодаря живым плиткам вы можете теснее взаимодействовать с пользователями, предоставляя им свежий контент, например важные новости, оповещения о новых сообщениях или заголовки новых записей в блогах, непосредственно на начальном экране. Более того, для своего веб-сайта вы можете поддерживать плитки нескольких размеров, благодаря чему пользователи могут расположить ваш сайт на видном месте как широкую или большую плитку.

Из верхнего левого угла, двигаясь вниз по каждому столбцу: плитка приложения Internet Explorer, youtube.com, techmeme.com, theverge.com, anandtech.com, mathrubhumi.com, twitter.com, reuters.com, t.msn.com, aol.com, economictimes.indiatimes.com, сайт тестирования Internet Explorer для закрепленных сайтов, wired.co.uk, lapresse.ca, cnet.com, contrejour.ie, dhakatimes.com.bd, outlook.com, wellsfargo.com, geekwire.com, nymag.com, gawker.com, indiatimes.com, facebook.com, vyclone.com, polygon.com, wpcentral.com, theage.com.au.

Из верхнего левого угла, двигаясь вниз по каждому столбцу: плитка приложения Internet Explorer, techmeme.com, contrejour.ie, wellsgargo.com, gawker.com, t.msn.com, youtube.com, vyclone.com, сайт тестирования Internet Explorer для закрепленных сайтов, wpcentral.com

Добавление живой плитки для веб-сайта

Управление живой плиткой для веб-сайтов осуществляется при помощи периодических уведомлений, в которых платформа "вытягивает" текст и изображения из размещенных на сервере URI-кодов опроса с заданным интервалом и отображает этот контент на плитке веб-сайта. Поддержку живой плитки можно добавить на сайт тремя способами — через метатеги на веб-странице, путем создания файла манифеста или с помощью API-интерфейса JavaScript. В следующем примере настройки плитки сайта для Windows 8.1 используются метатеги:

<meta name="application-name" content=" CenturyCutCook" /> <meta name="msapplication-TileColor" content=" #009900" />
<!-- Logos for all four tile sizes --> <meta name="msapplication-square70x70logo" content="smalltile.png" /> <meta name="msapplication-square150x150logo" content="mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="widetile.png" /> <meta name="msapplication-square310x310logo" content="largetile.png" />
<!-- Notification URL --> <meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" />

URI-коды опроса, определенные в этом примере, содержат контент уведомления, который должен отображаться. Опрос будет выполняться каждые полчаса. Следовательно, в заданный 30-минутный интервал пользователь может видеть до 5 обновлений с этого сайта, обеспечивающих постоянную тесную связь пользователей с вашим веб-сайтом.

URI-коды опроса содержат разметку XML, соответствующую предварительно определенным шаблонам. Эти шаблоны являются одинаковыми как для веб-сайтов, так и для приложений Windows. Они управляют внешним видом и использованием плитки. Шаблоны могут быть созданы на основе текста, изображения или того и другого одновременно. В следующем примере показан URI-код опроса с привязкой к плиткам разного размера — средней, широкой и большой (обратите внимание, что большой размер поддерживается в Windows, но не поддерживается в Windows Phone).

<tile>    <visual lang="en-US" version="2">       <binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers </text>          <text id="2">This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack </text>       </binding>       <binding template=" TileWide310x150ImageAndText01" branding="logo">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers</text>       </binding>       <binding template="TileSquare150x150Image" branding="name">          <image id="1" src="cheddar_and_ham.png" />       </binding>    </visual> </tile>

Данная привязка приведет к созданию следующей плитки во всех четырех размерах, поддерживаемых на начальном экране:

Большая плитка, используется шаблон TileSquare310x310ImageAndTextOverlay02Широкая плитка, используется шаблон TileWide310x150ImageAndText01 Средняя плитка, используется шаблон TileSquare150x150ImageМаленькая плитка (нет уведомлений)

Вы можете использовать наши примеры кода, чтобы больше узнать о создании живых плиток. Или, если у вас есть RSS-канал на сайте и вы хотите использовать его для управления уведомлениями, воспользуйтесь нашим мастером buildmypinnedsite, чтобы создать плитку для своего сайта всего за несколько минут.

Подводя итоги

С помощью Windows 8.1 и Internet Explorer 11 вы можете удерживать внимание пользователей, даже если у них не открыта вкладка браузера. Поддержка живых плиток поможет вашим пользователям своевременно видеть контент на начальном экране и будет способствовать более частому возвращению пользователей на ваш сайт. И как здорово, что плитки можно добавить на сайт всего за несколько минут!

— Танви Серти (Tanvi Surti), руководитель программы, Internet Explorer

— Дерек Лидделл (Derek Liddell), руководитель программы, Internet Explorer

Windows 및 Windows Phone 8.1에서 웹 사이트용 라이브 타일 지원

MSDN Blogs - Tue, 07/01/2014 - 10:17

tl;dr: RSS 피드를 제공하시나요? buildmypinnedsite.com에서 웹 사이트용 라이브 타일을 손쉽게 구현하십시오.

웹과 연결되는 시작 화면

Internet Explorer 사용자는 자주 방문하는 웹 사이트를 Windows 및 Windows Phone 시작 화면에 고정하여 즐겨 찾는 앱 바로 옆에 둘 수 있습니다. IE에서 웹 사이트를 고정하면 사용자가 매번 웹 사이트를 탐색할 필요 없이 시작 화면에서 사이트에 바로 액세스할 수 있습니다.

사용자가 사이트를 고정하면 자신이 사이트를 자주 방문하고 그 사이트의 새로운 소식에 관심이 있다는 것을 나타냅니다. 그렇기 때문에 Internet Explorer에서 제공하는 웹 사이트용 라이브 타일을 사용하면 사용자가 브라우저를 열지 않아도 웹 사이트의 정보를 얻을 수 있습니다.

라이브 타일을 사용하면 뉴스 속보, 새로운 메시지 알림 또는 새로운 블로그 게시물의 제목과 같은 새로운 콘텐츠를 사용자의 시작 화면에 표시하여 더욱 빠르게 정보를 제공할 수 있습니다. 또한 웹 사이트에 맞는 여러 가지 타일 크기를 지원하므로, 사용자가 와이드 타일 또는 큰 타일로 사이트를 표시하여 눈에 잘 띄게 할 수 있습니다.

왼쪽 위부터 아래로 각 열 이동: IE 앱 타일, youtube.com, techmeme.com, theverge.com, anandtech.com, mathrubhumi.com, twitter.com, reuters.com, t.msn.com, aol.com, economictimes.indiatimes.com, 고정된 사이트용 IE 테스트 드라이브, wired.co.uk, lapresse.ca, cnet.com, contrejour.ie, dhakatimes.com.bd, outlook.com, wellsfargo.com, geekwire.com, nymag.com, gawker.com, indiatimes.com, facebook.com, vyclone.com, polygon.com, wpcentral.com, theage.com.au.

왼쪽 위부터 아래로 각 열 이동: IE 앱 타일, techmeme.com, contrejour.ie, wellsgargo.com, gawker.com, t.msn.com, youtube.com, vyclone.com, 고정된 사이트용 IE 테스트 드라이브, wpcentral.com

웹 사이트에 라이브 타일 추가

웹 사이트용 라이브 타일은 정기 알림을 통해 제공되며, 여기에서 플랫폼이 사전 정의된 폴링 간격으로 서버에서 호스팅된 폴링 URI로부터 텍스트와 이미지를 가져와 웹 사이트 타일에 콘텐츠를 표시합니다. 라이브 타일을 사이트에 추가하는 방법은 3가지로, 웹 페이지에서 메타 태그를 통한 방법, 매니페스트 파일을 만드는 방법 또는 JavaScript API를 통한 방법이 있습니다. 다음은 메타 태그를 사용하여 Windows 8.1용 타일을 설정한 사이트의 예입니다.

<meta name="application-name" content=" CenturyCutCook" /> <meta name="msapplication-TileColor" content=" #009900" />
<!-- Logos for all four tile sizes --> <meta name="msapplication-square70x70logo" content="smalltile.png" /> <meta name="msapplication-square150x150logo" content="mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="widetile.png" /> <meta name="msapplication-square310x310logo" content="largetile.png" />
<!-- Notification URL --> <meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" />

이 예에서 정의된 폴링 URI에는 표시될 알림의 내용이 포함되어 있으며, URI는 30분마다 폴링됩니다. 따라서 사용자는 이 사이트의 업데이트를 30분 간격으로 최대 5개까지 볼 수 있기 때문에 사용자에게 웹 사이트의 정보를 수시로 제공할 수 있습니다.

폴링 URI에는 사전 정의된 템플릿을 준수하는 XML 마크업이 포함됩니다. 웹 사이트용과 Windows 애플리케이션용 템플릿은 서로 같으며, 템플릿에 따라 타일의 스타일이 달라집니다. 템플릿은 텍스트 기반이나 이미지 기반일 수도 있고 둘 다일 수도 있습니다. 다음은 중간, 와이드 및 큰 타일 크기용 바인딩이 있는 폴링 URI로 구성된 예입니다(큰 타일 크기는 Windows에서 지원되지만 Windows Phone에서는 지원되지 않음).

<tile>    <visual lang="en-US" version="2">       <binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers </text>          <text id="2">This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack </text>       </binding>       <binding template=" TileWide310x150ImageAndText01" branding="logo">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers</text>       </binding>       <binding template="TileSquare150x150Image" branding="name">          <image id="1" src="cheddar_and_ham.png" />       </binding>    </visual> </tile>

이 바인딩은 다음과 같은 타일로 표시되며, 시작 화면에서 지원되는 4가지 크기에 모두 사용할 수 있습니다.

큰 타일, TileSquare310x310ImageAndTextOverlay02 템플릿 사용와이드 타일, TileWide310x150ImageAndText01 템플릿 사용 중간 크기 타일, TileSquare150x150Image 템플릿 사용작은 타일(알림 없음)

Microsoft의 코드 샘플을 사용하여 라이브 타일 구현에 대해 자세히 알아볼 수 있으며, 사이트에서 RSS 피드 알림을 설정하려면 Microsoft의 buildmypinnedsite 마법사를 사용하여 웹 사이트용 타일을 손쉽게 구현할 수 있습니다.

요약

Windows 8.1과 IE11을 사용하면 사용자가 브라우저 탭을 열지 않아도 사용자에게 사이트의 정보를 계속 제공할 수 있습니다. 라이브 타일을 지원하면 사용자들이 시작 화면에서 콘텐츠를 우연히 발견하게 하여 사이트를 더욱 자주 방문하도록 유도할 수 있습니다. 가장 좋은 점은 라이브 타일을 사이트에 손쉽게 추가할 수 있다는 점입니다!

- Internet Explorer 프로그램 관리자, Tanvi Surti

- Internet Explorer 프로그램 관리자, Derek Liddell

Windows および Windows Phone 8.1 で Web サイトのライブ タイルをサポートする

MSDN Blogs - Tue, 07/01/2014 - 10:17

要約: RSS フィードをお持ちですか。buildmypinnedsite.com から数分で Web サイトのライブ タイルを作成しましょう。

Web を利用したスタート画面を有効にする

Internet Explorer では、Windows および Windows Phone のスタート画面にピン留めすることで、お気に入りの Web サイトをお気に入りのアプリのすぐそばに置くことができます。IE から Web サイトをピン留めすることで、ユーザーはそれらのサイトに何度もナビゲーションすることなく、スタート画面からすぐにアクセスすることができます。

ユーザーがあなたのサイトをピン留めしたときには、そのユーザーがサイトの常連であり、サイトの更新を気にしているということが分かります。この点を考慮し、Internet Explorer では Web サイトのライブ タイルを導入し、ユーザーがブラウザーの外でも Web サイトにつながれるようになりました。

ライブ タイルを使用することで、最新ニュース、新しいメッセージ アラート、新しいブログの記事のタイトルなどの新鮮なコンテンツをユーザーのスタート画面に表示してユーザーに関わることができます。また、Web サイトで複数のタイル サイズをサポートし、ワイド タイルまたは大きいタイルとしてサイトを目立たせて表示することができます。

左上から、下に向かって各列を紹介します。IE アプリのタイル、youtube.com、techmeme.com、theverge.com、anandtech.com、mathrubhumi.com、twitter.com、reuters.com、t.msn.com、aol.com、economictimes.indiatimes.com、ピン留めサイトの IE Test Drive、wired.co.uk、lapresse.ca、cnet.com、contrejour.ie、dhakatimes.com.bd、outlook.com、wellsfargo.com、geekwire.com、nymag.com、gawker.com、indiatimes.com、facebook.com、vyclone.com、polygon.com、wpcentral.com、theage.com.au。

左上から、下に向かって各列を紹介します。IE アプリのタイル、techmeme.com、contrejour.ie、wellsgargo.com、gawker.com、t.msn.com、youtube.com、vyclone.com、ピン留めサイトの IE Test Drive、wpcentral.com

Web サイトにライブ タイルを追加する

Web サイトのライブ タイルには定期通知が利用されていて、プラットフォームが事前定義されたポーリング間隔でサーバーにホストされたポーリング URI からテキストと画像を収集し、このコンテンツを Web サイトのタイルに表示します。サイトにライブ タイルのサポートを追加するには、Web ページのメタ タグを利用するか、マニフェスト ファイルを作成するか、JavaScript API を利用するかの 3 つの方法のいずれかを使用することができます。Windows 8.1 用にタイルを設定するためにメタ タグを使用しているサイトの例を以下に示します。

<meta name="application-name" content=" CenturyCutCook" /> <meta name="msapplication-TileColor" content=" #009900" />
<!-- Logos for all four tile sizes --> <meta name="msapplication-square70x70logo" content="smalltile.png" /> <meta name="msapplication-square150x150logo" content="mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="widetile.png" /> <meta name="msapplication-square310x310logo" content="largetile.png" />
<!-- Notification URL --> <meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" />

この例で定義されているポーリング URI には、表示する、30 分毎にポーリングされる通知の内容が含まれています。そのため、指定された 30 分間隔で、ユーザーはこのサイトの更新を最大 5 か所目にすることになり、常に Web サイトに密接につながることになります。

ポーリング URI には、事前定義されたテンプレートに従う XML マークアップが含まれています。これらのテンプレートは Web サイト用も Windows アプリケーション用も同じもので、タイルの外観を制御します。テンプレートはテキスト ベースか、画像ベースか、またはその両方です。次の例は、普通サイズのタイル、ワイド タイル、大きいタイルのサイズにバインドされたポーリング URI で構成されています (大きいサイズは Windows ではサポートされていますが、Windows Phone ではサポートされていません)。

<tile>    <visual lang="en-US" version="2">       <binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers </text>          <text id="2">This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack </text>       </binding>       <binding template=" TileWide310x150ImageAndText01" branding="logo">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers</text>       </binding>       <binding template="TileSquare150x150Image" branding="name">          <image id="1" src="cheddar_and_ham.png" />       </binding>    </visual> </tile>

このバインドにより、次のようなスタート画面でサポートされている全 4 種類のサイズのタイルになります。

大きいタイル、TileSquare310x310ImageAndTextOverlay02 テンプレートを使用ワイド タイル、TileWide310x150ImageAndText01 テンプレートを使用 普通サイズのタイル、TileSquare150x150Image テンプレートを使用小さいタイル (通知なし)

コード サンプルを使用してライブ タイルの構築についてより詳しく学ぶことができます。または、サイトに RSS フィードを使用していて、その RSS フィードを通知に利用する場合には、buildmypinnedsite ウィザードを使用してサイトのタイルを数分間で構築することができます。

まとめ

Windows 8.1 と IE11 を使用することで、ユーザーがブラウザーのタブを開いていないときでもユーザーの関心を引き付けることができます。ライブ タイルをサポートすることで、ユーザーがスタート画面で興味のあるコンテンツを予期せず見つける役に立ち、より頻繁にサイトに訪問してもらえるようになります。そして何より、ライブ タイルは数分間で簡単にサイトに追加することができます。

— Internet Explorer 担当グループ プログラム マネージャー Tanvi Surti

— Internet Explorer 担当グループ プログラム マネージャー Derek Liddell

Unterstützung für Live-Kacheln auf Ihrer Website unter Windows und Windows Phone 8.1

MSDN Blogs - Tue, 07/01/2014 - 10:17

tl;dr: Sie haben einen RSS-Feed? Erstellen Sie bei buildmypinnedsite.com innerhalb weniger Minuten eine Live-Kachel für Ihre Website.

Startseiten mit Web-Feeds

Mit Internet Explorer können Benutzer ihre Lieblingswebsites auf der Startseite von Windows und Windows Phone neben ihren Lieblings-Apps anheften. Diese aus IE angehefteten Websites können Benutzer über die Startseite direkt aufrufen und sparen so den wiederholten Navigationsaufwand.

Wenn Benutzer Ihre Website anheften, heißt das, dass sie die Website regelmäßig besuchen und sich für aktuelle Informationen von dieser Website interessieren. Internet Explorer ermöglicht hierfür ab sofort die Bereitstellung von Live-Kacheln für Websites, über die Sie Benutzer auch dann mit Informationen versorgen können, wenn diese den Browser nicht geöffnet haben.

Mit Live-Kacheln können Sie Ihren Benutzern aktuelle Inhalte wie Eilmeldungen, Chatbenachrichtigung oder Titel von Blog-Beiträgen direkt auf die Startseite liefern. Außerdem haben Sie die Möglichkeit, unterschiedliche Kachelgrößen für Ihre Website zu unterstützen, damit Benutzer diese hervorgehoben als breite oder große Kachel anzeigen können.

Spaltenweise von links oben: IE-App-Kachel, youtube.com, techmeme.com, theverge.com, anandtech.com, mathrubhumi.com, twitter.com, reuters.com, t.msn.com, aol.com, economictimes.indiatimes.com, IE Test Drive für angeheftete Websites, wired.co.uk, lapresse.ca, cnet.com, contrejour.ie, dhakatimes.com.bd, outlook.com, wellsfargo.com, geekwire.com, nymag.com, gawker.com, indiatimes.com, facebook.com, vyclone.com, polygon.com, wpcentral.com, theage.com.au.

Spaltenweise von links oben: IE-App-Kachel, techmeme.com, contrejour.ie, wellsgargo.com, gawker.com, t.msn.com, youtube.com, vyclone.com, IE Test Drive für angeheftete Websites, wpcentral.com

Hinzufügen einer Live-Kachel zu einer Website

Live-Kacheln für Websites funktionieren mithilfe regelmäßiger Benachrichtigungen, bei denen die Plattform in einem vordefinierten Intervall Text und Bilder von auf Servern gehosteten URIs abruft und diese auf der Website-Kachel anzeigt. Sie haben drei Möglichkeiten, Ihrer Website Live-Kachel-Unterstützung hinzufügen – mithilfe von META-Tags auf Ihrer Webseite, durch Erstellen einer Manifestdatei oder über eine JavaScript-API. Im folgenden Beispiel richtet die Website ihre Kachel für Windows 8.1 mithilfe von META-Tags ein:

<meta name="application-name" content=" CenturyCutCook" /> <meta name="msapplication-TileColor" content=" #009900" />
<!-- Logos for all four tile sizes --> <meta name="msapplication-square70x70logo" content="smalltile.png" /> <meta name="msapplication-square150x150logo" content="mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="widetile.png" /> <meta name="msapplication-square310x310logo" content="largetile.png" />
<!-- Notification URL --> <meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" />

Die in diesem Beispiel definierten Abruf-URIs enthalten die anzuzeigende Benachrichtigung. Der Abruf erfolgt jede halbe Stunde. Daher erhält der Benutzer in einem Intervall von 30 Minuten bis zu 5 Updates von dieser Website und profitiert so von stets aktuellen Informationen.

Die Abruf-URIs enthalten XML-Markup, das vordefinierten Vorlagen entspricht. Diese Vorlagen legen das Aussehen und Verhalten einer Kachel fest und können für Websites und Windows-Apps verwendet werden. Es gibt text- und grafikbasierte Vorlagen sowie Kombivorlagen. Das folgende Beispiel besteht aus einer Abruf-URI mit einer Bindung für die Kachelgrößen „Mittelgroß“, „Breit“ und „Groß“. (Beachten Sie, dass „Groß“ unter Windows, jedoch nicht unter Windows Phone unterstützt wird.)

<tile>    <visual lang="en-US" version="2">       <binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers </text>          <text id="2">This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack </text>       </binding>       <binding template=" TileWide310x150ImageAndText01" branding="logo">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers</text>       </binding>       <binding template="TileSquare150x150Image" branding="name">          <image id="1" src="cheddar_and_ham.png" />       </binding>    </visual> </tile>

Für die vier auf der Startseite unterstützten Größen ergibt sich aus der Bindung die folgende Kachel:

Große Kachel, Vorlage: TileSquare310x310ImageAndTextOverlay02Breite Kachel, Vorlage: TileWide310x150ImageAndText01 Mittelgroße Kachel, Vorlage: TileSquare150x150ImageKleine Kachel (keine Benachrichtigungen)

Mehr über das Erstellen von Live-Kacheln erfahren Sie mithilfe unserer Codebeispiele. Wenn Sie über einen RSS-Feed verfügen und diesen für Benachrichtigungen verwenden möchten, erstellen Sie mithilfe unseres buildmypinnedsite-Assistenten innerhalb weniger Minuten eine Kachel für Ihre Website.

Zusammenfassung

Mit Windows 8.1 und IE11 können Sie Benutzer auch dann mit Informationen versorgen, wenn diese keine Browserregisterkarte geöffnet haben. Mit der Unterstützung für Live-Kacheln erhalten Benutzer auf der Startseite Anreize, Ihre Website öfter zu besuchen. Und das Beste ist: Sie können die Unterstützung innerhalb weniger Minuten zu Ihrer Website hinzufügen!

– Tanvi Surti, Program Manager, Internet Explorer

– Derek Liddell‎, Program Manager, Internet Explorer

在 Windows 和 Windows Phone 8.1 上为您网站的动态磁贴提供支持

MSDN Blogs - Tue, 07/01/2014 - 10:17

tl;dr:是否有 RSS 源?在 buildmypinnedsite.com,只需几分钟即可为您的网站构建动态磁贴。

启用 Web 支持的“开始”屏幕

对于 Internet Explorer,用户可通过将最喜爱的网站固定到 Windows 和 Windows Phone“开始”屏幕,来将这些网站放置在他们最喜爱的应用旁。固定来自 IE 的网站允许用户从“开始”屏幕直接访问这些网站,而无需重复导航到它们。

当用户固定您的网站时,已表明他们是您的网站的常客,并且关注您网站的最新动态。考虑到这一点,Internet Explorer 现在为您提供了网站的动态磁贴,允许您的用户在浏览器之外与您的网站保持连接。

借助动态磁贴,您可以通过将突发新闻事件、新消息通知或新博文的标题等新内容放到他们的“开始”屏幕,来与您的用户进行互动。而且,您还可以支持网站的多个磁贴尺寸,从而允许用户以宽形磁贴或大磁贴来突出显示您的网站。

从左上角,向下移动每一列:IE 应用磁贴、youtube.com、techmeme.com、theverge.com、anandtech.com、mathrubhumi.com、twitter.com、reuters.com、t.msn.com、aol.com、economictimes.indiatimes.com、固定网站的 IE 体验演示、wired.co.uk、lapresse.ca、cnet.com、contrejour.ie、dhakatimes.com.bd、outlook.com、wellsfargo.com、geekwire.com、nymag.com、gawker.com、indiatimes.com、facebook.com、vyclone.com、polygon.com、wpcentral.com、theage.com.au。

从左上角,向下移动每一列:IE 应用磁贴、techmeme.com、contrejour.ie、wellsgargo.com、gawker.com、t.msn.com、youtube.com、vyclone.com、固定网站的 IE 体验演示、wpcentral.com

将动态磁贴添加到您的网站

网站的动态磁贴受定期通知的支持,其中平台将以预定义的轮询间隔,从服务器上托管的轮询 URI 中提取文本和图像,并在该网站的磁贴中显示这一内容。您可以通��以下三种方法之一,来添加您的网站的磁贴支持:通过您的网页上的 META 标记、通过创建清单文件或通过 JavaScript API。下面是网站使用 META 标记设置其 Windows 8.1 的磁贴的示例:

<meta name="application-name" content=" CenturyCutCook" /> <meta name="msapplication-TileColor" content=" #009900" />
<!-- Logos for all four tile sizes --> <meta name="msapplication-square70x70logo" content="smalltile.png" /> <meta name="msapplication-square150x150logo" content="mediumtile.png" /> <meta name="msapplication-wide310x150logo" content="widetile.png" /> <meta name="msapplication-square310x310logo" content="largetile.png" />
<!-- Notification URL --> <meta name="msapplication-notification" content="frequency=30; polling-uri=1.xml; polling-uri2=2.xml; polling-uri3=3.xml; polling-uri4=4.xml; polling-uri5=5.xml" />

此示例中定义的轮询 URI 包含要显示的通知内容,并且将每半个小时轮询一次。因此,在特定的 30 分钟间隔内,用户可以查看最多 5 个来自此网站的更新,从而使您的用户始终可与您的网站保持密切联系。

轮询 URI 包含遵循预定义模板的 XML 标记。这些模板对于网站和 Windows 应用都是相同的,并且可以控制磁贴的外观。模板可以是基于文本、基于图像或全部。下面的示例包括一个轮询 URI,其具有中等磁贴尺寸、宽形磁贴尺寸和大磁贴尺寸(注意大磁贴尺寸在 Windows 中受支持,而非 Windows Phone)的绑定。

<tile>    <visual lang="en-US" version="2">       <binding template=" TileSquare310x310ImageAndTextOverlay02" branding="name">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers </text>          <text id="2">This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack </text>       </binding>       <binding template=" TileWide310x150ImageAndText01" branding="logo">          <image id="1" src="cheddar_and_ham.png" />          <text id="1">Cheddar and Ham Skewers</text>       </binding>       <binding template="TileSquare150x150Image" branding="name">          <image id="1" src="cheddar_and_ham.png" />       </binding>    </visual> </tile>

该绑定将产生以下磁贴,包括“开始”屏幕支持的全部四种尺寸:

大磁贴,使用 TileSquare310x310ImageAndTextOverlay02 模板宽形磁贴,使用 TileWide310x150ImageAndText01 模板 中等磁贴,使用 TileSquare150x150Image 模板小磁贴(没有通知)

您可以使用我们的代码示例了解关于构建动态磁贴的更多内容,或者如果您的网站上有 RSS 源,并且希望使用其来支持通知,请使用我们的 buildmypinnedsite 向导以在几分钟内为您的网站构建磁贴。

小结

借助 Windows 8.1 和 IE11,您可以与您的用户保持互动,即使他们未打开浏览器选项卡。动态磁贴支持将帮助您的用户不经意间发现“开始”屏幕中的内容,并吸引他们更频繁地访问您的网站。最重要的是,他们可以在几分钟内轻松添加到您的网站!

—Internet Explorer 项目经理 Tanvi Surti

— Internet Explorer 项目经理 Derek Liddell

Объявление о выпуске Internet Explorer Developer Channel

MSDN Blogs - Tue, 07/01/2014 - 10:17
Краткое содержание: получите новый браузер Internet Explorer Developer Channel по адресу devchannel.modern.IE!

Всего несколько недель назад мы поговорили о формировании более открытого диалога между группой разработчиков Internet Explorer и сообществом веб-разработчиков. Сегодня мы с радостью объявляем о выпуске Internet Explorer Developer Channel — полноценного браузера, созданного для того, чтобы веб-разработчики и первые пользователи могли ознакомиться с компонентами веб-платформы, над созданием которых мы работаем. Developer Channel можно загрузить сегодня для пользователей Windows 8.1 и Windows 7 с пакетом обновления 1 (SP1), работающих с Internet Explorer 11.

Internet Explorer Developer Channel может работать совместно с Internet Explorer 11 и независимо от него. Internet Explorer Developer Channel поддерживает все возможности Internet Explorer 11, которые вам нравятся, а также новейшие компоненты платформы, над которыми мы работаем. Проверяя их в деле, не забудьте оставить свои отзывы в @IEDevChat или на сайте Connect.

Новые усовершенствования средств разработчика F12

В апреле мы описали некоторые новые возможности средств разработчика F12 в Internet Explorer 11 с обновлением Windows 8.1 , основной целью которых является предоставление точных данных в DOM Explorer и полезных данных в средствах анализа памяти и производительности. Internet Explorer Developer Channel содержит несколько дополнительных улучшений средств разработчика F12, в том числе:

  • Улучшенный процесс отладки с контрольными точками событий, которые ускоряют исправление ошибок, связанных с событиями.
  • Расширенные возможности анализа в профилировщиках памяти и отклика пользовательского интерфейса, которые позволяют сократить "шумы" с помощью многомерного фильтра временной шкалы, а также повысить семантическую ценность данных с помощью инструментов на основе performance.measure() и доминантного складывания.
  • Улучшенная навигация с большим числом сочетаний клавиш (CTRL+[ и CTRL+]), а также новые уведомления в заголовках, позволяющие быстро определить, выполняется ли какое-либо из средств профилирования и сколько ошибок содержит страница.

Описание полного набора улучшений доступно на портале MSDN здесь.


Новая расцветка DOM в средстве анализа отклика пользовательского интерфейса

Автоматизация тестов с помощью WebDriver

Internet Explorer Developer Channel также поддерживает развивающийся стандарт WebDriver, с помощью которого веб-разработчики могут писать тесты для автоматизации браузеров при тестировании сайтов. Это программируемый пульт управления для разработки сложных пользовательских сценариев и их автоматического выполнения на веб-сайте и в браузере. Узнайте, как можно настроить WebDriver в Internet Explorer Developer Channel, и изучите пример проекта WebDriver.

Использование контроллера Xbox для веб-игр

Вы когда-нибудь хотели играть в браузере с помощью контроллера Xbox? Internet Explorer Developer Channel поддерживает развивающийся стандарт Gamepad API, позволяющий использовать JavaScript для работы с игровым контроллером в веб-приложениях и играх. Подключите свой контроллер Xbox 360 и помогите миру сбежать от XP, поиграйте в любимые аркадные игры Atari или ознакомьтесь с Hover.IE!


Использование контроллера Xbox для побега от XP

Internet Explorer Developer Channel также улучшает производительность WebGL и обеспечивает поддержку расширения экземпляров, 16-разрядных текстур, встроенных переменных GLSL и вееров треугольников. Этот выпуск повысил наш показатель в тесте Khronos WebGL Conformance 1.0.2 с 89 % до 94 %. Дополнительные сведения об этих API-интерфейсах WebGL см. на портале MSDN здесь.

Первый из множества выпусков Developer Channel

В процессе работы над новыми компонентами и стандартами мы будем делиться новым кодом с помощью Internet Explorer Developer Channel. Вы всегда можете открыть страницу DevChannel.Modern.IE, чтобы узнать последние новости об Internet Explorer Developer Channel. Все новые возможности, поддерживаемые Internet Explorer Developer Channel, также приведены на новом портале Status.Modern.IE, где мы описываем нашу стратегию реализации веб-платформы с более высоким уровнем взаимодействия.

В этом выпуске Internet Explorer Developer Channel используется сочетание изменений кода и виртуализации для работы параллельно с Internet Explorer 11. Подобная виртуализация немного снижает производительность, поэтому мы не рекомендуем использовать эту версию для измерения производительности сайта. Мы также не рекомендуем устанавливать эту версию в корпоративной среде. Дополнительные сведения об известных проблемах см. в списке часто задаваемых вопросов.

Мы с нетерпением ждем ваших отзывов и предложений в @IEDevChat и на сайте Connect. Они помогут нам развивать отрасль в целом и продолжить работу над улучшением браузера в частности. Кроме того, не пропустите следующий сеанс #AskIE в четверг 19 июня в 10:00–12:00 по Тихоокеанскому времени.

— Джейсон Вебер (Jason Weber), руководитель группы программ для партнеров, Internet Explorer

P.S. Чарльз Моррис (Charles Morris) из группы разработчиков Internet Explorer также зашел в студию Канала 9, чтобы подробно обсудить Internet Explorer Developer Channel с Джефом Кнуценом (Geoff Knutzen):

Internet Explorer 개발자 채널 발표

MSDN Blogs - Tue, 07/01/2014 - 10:17
요약: 새로운 Internet Explorer 개발자 채널을 devchannel.modern.IE에서 체험하세요!

불과 몇 주 전에 IE 팀과 웹 개발 커뮤니티 간에 더욱 개방된 대화의 창을 마련하는 것에 대해 이야기했습니다. 오늘 Internet Explorer 개발자 채널을 선보일 수 있게 되어 기쁩니다. Internet Explorer 개발자 채널은 웹 개발자와 얼리 어답터 여러분이 현재 저희가 작업 중인 웹 플랫폼의 기능을 엿볼 수 있도록 설계된 모든 기능을 갖춘 브라우저입니다. 개발자 채널은 Internet Explorer 11을 사용 중인 Windows 8.1 및 Windows 7 SP1 고객의 경우 지금 바로 다운로드 가능합니다.

IE 개발자 채널은 IE11과 함께 사용할 수도 있고 IE11이 없어도 사용할 수 있으며 IE11에서 자주 사용하는 모든 브라우저 기능과 저희가 현재 준비중인 최신 플랫폼 기능도 모두 갖추고 있습니다. 이러한 기능을 시범적으로 사용해보시면서 @IEDevChat 또는 Connect를 통해 피드백을 주시기 바랍니다.

F12 개발자 도구에서 향상된 더 많은 기능

지난 4월, Windows 8.1 업데이트와 함께 IE11의 F12 개발자 도구에서 사용할 수 있는 몇 가지 새로운 기능을 소개했습니다. 그리고 이는 DOM Explorer에서 정확한 데이터를, 메모리 및 성능 도구에서 실행 가능한 데이터를 제공하는 것에 중점을 두고 있었습니다. IE 개발자 채널에는 다음과 같은 더 많은 F12 개발자 도구 개선 사항을 포함하고 있습니다.

  • 이벤트 기반의 버그에 더 빨리 접근할 수 있는 이벤트 중단점을 통해 향상된 디버깅 환경
  • 다차원 타임라인 필터를 통해 노이즈를 감소시키는 메모리 및 UI 응답성 프로파일러 전반에 걸친 더 풍부해진 분석 기능과 더불어 performance.measure() 기반 계측 및 도미네이터 폴딩의 시작으로 보고되고 있는 의미있는 데이터의 증가
  • 더 많은 키보드 단축키(ctrl+[ctrl + ]) 및 새로운 헤더 알림을 제공하여 프로파일링 도구가 실행되고 있는지와 페이지에 있는 오류의 수를 신속하게 파악할 수 있는 개선된 탐색 환경

향상된 기능 전체는 MSDN 여기에서 볼 수 있습니다.


UI 응답성 도구에서의 새로운 DOM 색상화 살펴보기

WebDriver를 사용한 테스트 자동화

IE 개발자 채널에는 웹 개발자들이 테스트를 작성하여 사이트를 테스트할 웹 브라우저를 자동화할 수 있는 새로운 WebDriver 표준에 대한 지원도 포함됩니다. 이것은 복잡한 사용자 시나리오를 개발하고 웹 사이트와 브라우저에서 자동화된 방식으로 실행하기 위한 프로그래밍이 가능한 원격 제어입니다. IE 개발자 채널에서 WebDriver 설정을 하는 방법을 확인하고 이 샘플 WebDriver 프로젝트를 사용해 보시기 바랍니다.

웹 게임에 Xbox 컨트롤러 사용

브라우저에서 게임을 할 때 Xbox 컨트롤러를 사용하고 싶었던 적이 있습니까? IE 개발자 채널에는 새로운 게임패드 API 표준 지원이 포함되어 있어 JavaScript를 사용하여 웹 앱과 게임을 지원하는 게임 패드를 추가할 수 있습니다. Xbox 360 컨트롤러를 연결하여 XP에서 탈출하기 게임을 해보시거나 Atari Arcade 게임을, 또는 Hover.IE를 사용해 보시기 바랍니다!


Xbox 컨트롤러를 사용하여 XP 탈출하기

또한 IE 개발자 채널은 WebGL 성능을 개선하고 인스턴싱 확장자, 16비트 텍스처, GLSL 내장 변수 및 삼각형 팬에 대한 지원을 추가했습니다. 이 버전에서는 Khronos WebGL 적합성 테스트 1.0.2 점수가 89%에서 94%로 올랐습니다. 이러한 WebGL API에 대한 자세한 내용은 MSDN 여기를 둘러보십시오.

최초의 개발자 채널 버전

새로운 기능과 표준에 대한 작업을 하면서 IE 개발자 채널을 통해 지속적으로 초기 코드를 공유할 예정입니다. IE 개발자 채널의 최신 기능에 대한 자세한 내용을 알아보려면 언제든지 DevChannel.Modern.IE 페이지를 참조할 수 있습니다. IE 개발자 채널에서 지원되는 모든 새로운 기능은 상호 운용 가능 웹 플랫폼 기능에 대한 로드맵을 전달하는 새로운 포털인 Status.Modern.IE에도 정리되어 있습니다.

이 버전의 IE 개발자 채널은 코드 변경 사항과 가상화를 결합하여 IE11과 함께 사용할 수 있습니다. 이러한 가상화는 약간의 성능 문제 일으킬 수 있기 때문에 사이트 성능 측정에 이 버전을 사용하지 않는 것이 좋습니다. 또한 기업 환경에서는 이 버전을 설치하지 않는 것을 권장합니다. 알려진 문제점에 대한 자세한 내용은 FAQ 목록을 참조하시기 바랍니다.

@IEDevChat 또는 Connect를 통해 피드백을 보내 주시면 업계 발전에도 도움이 되고 브라우저를 지속적으로 발전시키는 자양분이 될 것입니다. 또한 6월 19일 목요일 태평양 표준시 기준 오전 10시-오후12시(한국 시간으로 새벽 2시부터 새벽 4시) 사이에 개최될 다음 #AskIE 세션에도 반드시 참석해 주시기 바랍니다.

- Internet Explorer 파트너 그룹 프로그램 관리자, Jason Weber

참고: IE 팀의 Charles Morris도 Channel 9 Studios에 들러 Internet Explorer 개발자 채널에 대한 대화를 Geoff Knutzen과 함께 나눴습니다.

Internet Explorer 開発者チャネルのお知らせ

MSDN Blogs - Tue, 07/01/2014 - 10:17
概要:devchannel.modern.IE から新しい Internet Explorer 開発者チャネルを入手しましょう。

つい数週間前に、IE チームと Web 開発コミュニティとの間のより開かれた対話の場を作ることについてお伝えしました。本日、Web 開発者と早期導入者に私たちが取り組んでいる Web プラットフォーム機能をプレビューしていただくために設計された、完全に機能するブラウザーである Internet Explorer 開発者チャネルのリリースをお知らせできることを嬉しく思います。開発者チャネルは、Internet Explorer 11 を実行する Windows 8.1 および Windows 7 SP1 のユーザーを対象に、本日からダウンロードできます

IE 開発者チャネルは IE11 と併用し、独立して実行することができます。IE11 で愛用されているすべてのブラウザー機能と、私たちが取り組んでいる最新のプラットフォーム機能を備えています。これらの機能を試したときには、@IEDevChat または Connect からフィードバックをお寄せください。

F12 開発者ツールのさらなる強化

4 月に、Windows 8.1 Update での IE11 内 F12 開発者ツールの新機能の一部について説明しました。F12 開発者ツールでは、DOM Explorer での正確なデータの提供と、メモリおよびパフォーマンス ツールでの実用的なデータの提供に注力しています。IE 開発者チャネルでは、F12 開発者ツールに以下をはじめとしたさらなる機能強化が行われています。

  • イベント ドリブン バグにより速く到達するために役立つイベント ブレークポイントによる、強化されたデバッグ エクスペリエンス。
  • 多次元タイムライン フィルターによるノイズのさらなる低減をサポートしながら、performance.measure() ベースの方法およびドミネーター フォールディングを活用して報告されるデータの意味論的価値を増したメモリ プロファイラーおよび UI の応答性プロファイラーによる、よりリッチな分析機能。
  • より多くのキーボード ショートカット (Ctrl + [ および Ctrl + ]) と、いずれかのプロファイリング ツールが実行されているか、またはページ内にいくつのエラーがあるかをすばやく判断できる新しいヘッダー通知を提供する、改良されたナビゲーション エクスペリエンス。

強化機能について詳しくは、MSDN のこちらをご覧ください。


UI の応答ツール内の DOM の新しい色づけ

WebDriver でテストを自動化する

IE 開発者チャネルは最新の WebDriver 標準もサポートし、これを利用することで Web 開発者は Web ブラウザーがサイトを自動的にテストするようにテストを記述することができます。これは、複雑なユーザー シナリオを開発し、Web サイトとブラウザーでそのシナリオを自動的に実行するための、プログラミング可能なリモート制御です。IE 開発者チャネルでの WebDriver のセットアップ方法を確認し、このサンプル WebDriver プロジェクトを試してみてください。

Xbox コントローラーを Web ゲームに使用する

Xbox コントローラーをブラウザーでのゲームに使用できたらいいと考えたことはありませんか。IE 開発者チャネルは最新の Gamepad API 標準をサポートし、JavaScript を使用して Web アプリおよびゲームにゲームパッドのサポートを追加することができます。Xbox 360 コントローラーをつなげて Escape from XP を遊ぶか、お気に入りの Atari Arcade ゲームを遊ぶか、Hover.IE を試してこの機能を試してみてください。


Xbox コントローラーを使用して Escape from XP を遊ぶ

IE 開発者チャネルでは WebGL パフォーマンスも改善され、インスタンス エクステンション、16 ビット テクスチャ、GLSL 組み込み変数、三角形ファンのサポートが追加されています。これにより、Khronos WebGL Conformance Test 1.0.2 のスコアが 89% から 94% に向上しました。これらの WebGL API について詳しくは、MSDN のこの記事を参照してください。

多くの開発者チャネル リリースの最初のリリース

私たちは新しい機能と標準に取り組み、IE 開発者チャネルを通じて早期コードを共有し続けていきます。DevChannel.Modern.IE ページから、IE 開発者チャネルの最新機能についていつでも詳しく学ぶことができます。IE 開発者チャネルでサポートされるすべての新機能は、相互運用可能な Web プラットフォーム機能のロードマップを示すための新しいポータルである Status.Modern.IE にも一覧で記載されています。

IE 開発者チャネルのこのリリースでは、IE11 と並行して実行するためにコード変更と仮想化を組み合わせて使用しています。この仮想化によりパフォーマンスに多少の影響が出るため、サイトのパフォーマンスを測定するためにこのバージョンを使用することはお勧めしません。また、企業環境でこのバージョンをインストールすることもお勧めしません。既知の問題について詳しくは、よく寄せられる質問の一覧を参照してください。

皆様のフィードバックをお待ちしております。その際は、@IEDevChat (英語) または Connect (英語) をご利用ください。業界と IE の機能強化にご協力いただけますとさいわいです。また、6 月 19 日の木曜日に太平洋標準時で午前 10 時から午後 12 時まで行われる次の #AskIE セッションにもぜひ参加してください。

— Internet Explorer 担当パートナー グループ プログラム マネージャー、Jason Weber

追記: IE チームの Charles Morris も Geoff Knutzen と Internet Explorer 開発者チャネルについて詳しく話すために Channel 9 Studios に立ち寄ります。

Ankündigung von Internet Explorer Developer Channel

MSDN Blogs - Tue, 07/01/2014 - 10:16
Zusammenfassung: Unter devchannel.modern.IE finden Sie den neuen Internet Explorer Developer Channel!

Vor einigen Wochen haben wir über einen intensiveren Dialog zwischen dem IE-Team und der Webentwickler-Community gesprochen. Wir freuen uns, heute die Veröffentlichung von Internet Explorer Developer Channel anzukündigen: ein voll funktionsfähiger Browser, der Webentwicklern und Early Adopters eine Vorschau auf die Webplattformfunktionen bietet, an denen wir derzeit arbeiten. Developer Channel steht für Windows 8.1- und Windows 7 SP1-Benutzer mit Internet Explorer 11 seit heute zum Download bereit.

IE Developer Channel kann parallel und unabhängig von IE11 ausgeführt werden. Er verfügt neben all den Browserfunktionen, die Sie an IE11 schätzen, über die neuesten Funktionen der Plattform, die sich derzeit in Entwicklung befinden. Wenn Sie diese Funktionen testen, freuen wir uns auf Ihr Feedback über @IEDevChat oder unter Connect.

Weitere Verbesserungen an den F12-Entwicklungstools

Im April haben wir einige neue Funktionen der F12-Entwicklungstools in IE11 mit Windows 8.1 Update beschrieben und deren Fokus auf die Bereitstellung präziser Daten im DOM-Explorer sowie aussagekräftiger Daten in den Speicher- und Leistungstools hervorgehoben. IE Developer Channel bietet unter anderem die folgenden zusätzlichen Verbesserungen an den F12-Entwicklungstools:

  • Eine erweiterte Debugging-Funktionalität mit Haltepunkten für Ereignisse, die das Auffinden ereignisabhängiger Bugs beschleunigt.
  • Umfassendere Analysefunktionen in den Profilern für die Speicher und die Reaktionsfähigkeit der Benutzeroberfläche, die mithilfe eines mehrdimensionalen Zeitachsenfilters für mehr Übersichtlichkeit und Verständlichkeit der angezeigten Daten sorgt, da die Instrumentation per performance.measure() sowie Dominator Folding vereinfacht wurden.
  • Eine verbesserte Navigation mithilfe weiterer Tastenkombinationen (STRG+[ und STRG+ ]) sowie neue Headerbenachrichtigungen, mit denen sich schnell ermitteln lässt, ob Profilerstellungstools ausgeführt werden und wie viele Fehler Ihre Seite enthält.

Eine vollständige Auflistung der Verbesserungen ist hier auf MSDN verfügbar.


Ein Blick auf die neue Farbgestaltung des DOM im Tool für die Reaktionsfähigkeit der Benutzeroberfläche

Automatisieren von Tests mit WebDriver

IE Developer Channel unterstützt zudem den kommenden Standard für WebDriver, mit dem Webentwickler automatisierte Browsertests für Ihre Websites erstellen können. WebDriver ist eine programmierbare Remotesteuerung zur Entwicklung komplexer Benutzerszenarien, die automatisch für die jeweilige Website und den entsprechenden Browser ausgeführt werden. Informieren Sie sich über das Einrichten von WebDriver im IE Developer Channel und testen Sie dieses Beispielprojekt für WebDriver.

Webgaming mit dem Xbox Controller

Haben Sie schon einmal überlegt, den Xbox Controller für Browserspiele zu verwenden? IE Developer Channel unterstützt dem kommenden Standard für die Gamepad API, der das Hinzufügen der Gamepad-Unterstützung für Ihre Web-Apps und -Spiele durch die Verwendung von JavaScript ermöglicht. Probieren Sie es mit Ihrem Xbox 360 Controller selbst aus und spielen Sie Escape from XP, Ihre Lieblingsspiele von Atari Arcade oder Hover.IE!


Spielen Sie „Escape from XP“ mit dem Xbox Controller

Des Weiteren verbessert IE Developer Channel die WebGL-Leistung und unterstützt die Instanzerweiterung, 16-Bit-Texturen, integrierte GLSL-Variablen und Dreiecksfächer. Mit dieser Version hat sich das Ergebnis des Khronos WebGL Conformance Test 1.0.2 von 89 % auf 94 % verbessert. Weitere Informationen zu den WebGL-APIs finden Sie hier auf MSDN.

Die erste von zahlreichen Developer Channel-Versionen

Während der Entwicklung neuer Funktionen und Standards werden wir über IE Developer Channel fortlaufend frühen Code freigeben. Auf der Seite DevChannel.Modern.IE können Sie sich jederzeit über die neuesten Funktionen von IE Developer Channel informieren. Zudem sind alle von IE Developer Channel unterstützten neuen Funktionen unter Status.Modern.IE aufgeführt. Hierbei handelt es sich um ein neues Portal, über das wir unsere Roadmap für Funktionen interoperabler Webplattformen bekanntgeben.

Diese Version von IE Developer Channel umfasst eine Kombination aus Codeänderungen und Virtualisierungsmaßnahmen für IE11. Da die Virtualisierung geringfügige Leistungseinbußen mit sich bringt, sollten Sie die Leistung Ihrer Website nicht mit dieser Version ermitteln. Zudem sollten Sie diese Version nicht in Unternehmensumgebungen installieren. In der Liste der häufig gestellten Fragen können Sie sich über weitere bekannte Probleme informieren.

Wir freuen uns auf Ihr Feedback via @IEDevChat oder Connect. Sie unterstützen so die Weiterentwicklung und Verbesserung des Browsers. Und nehmen Sie unbedingt an unserer nächsten Twitter-Runde mit dem Hashtag #AskIE teil. Sie findet am Donnerstag, den 19. Juni zwischen 10:00 und 12:00 Uhr (PST) statt.

– Jason Weber, Partner Group Program Manager, Internet Explorer

P.S.: Charles Morris aus dem IE-Team war in den Channel 9 Studios zu Gast, um mit Geoff Knutzen ausführlich über Internet Explorer Developer Channel zu sprechen:

宣布 Internet Explorer 开发人员渠道版

MSDN Blogs - Tue, 07/01/2014 - 10:16
小结:访问 devchannel.modern.IE 以获得新的 Internet Explorer 开发人员渠道版!

就在几周前,我们讨论了在 IE 团队和 Web 开发人员社区之间创建更开放的对话。今天,我们非常高兴地宣布 Internet Explorer 开发人员渠道版(功能完备的浏览器)的发布,其旨在使 Web 开发人员和早期采用者能够对我们所开发的 Web 平台功能先睹为快。对于运行 Internet Explorer 11 的 Windows 8.1 和 Windows 7 SP1 客户,开发人员渠道版现已可供下载

IE 开发人员渠道版可与 IE11 同时运行,也可以独立于 IE11 运行,并且具有您所喜爱的所有 IE11 浏览器功能,以及我们所开发的最新平台功能。当您测试运行这些功能时,请确保通过 @IEDevChatConnect 向我们提供反馈。

F12 开发人员工具的更多增强功能

月份,我们已经说明了 Windows 8.1 更新中 IE11 的 F12 开发人员工具的一些新功能,这些功能重点关注在 DOM 资源管理器中提供准确的数据,以及在内存和性能工具中提供可操作的数据。IE 开发人员渠道版附带了甚至更多的 F12 开发人员工具改进,包括:

  • 使用事件断点的增强的调试体验,帮助您更快速地找到事件驱动的 bug。
  • 内存和 UI 响应能力探查器中更丰富的分析功能,这些功能支持通过多维度时间线过滤器来进一步降噪,同时还可以通过高亮显示基于 performance.measure() 的检测和必经节点折叠来进一步增加报告数据的语义价值。
  • 改进的导航体验,提供更多的键盘快捷方式ctrl+[ 和 ctrl+]),以及新的标题通知,其允许您快速确定是否有任何分析工具正在运行或者您的页面中有多少错误。

可在 MSDN 上的此位置查看增强功能的完整列表。


查看 UI 响应能力工具中 DOM 的新的着色处理

通过 WebDriver 自动化您的测试

IE 开发人员渠道版还支持新出现的 WebDriver 标准,通过这一标准,Web 开发人员可以编写测试以自动化 Web 浏览器测试其网站的过程。该标准是一种可编程的远程控制,用于开发复杂的用户应用场景和以自动方式在您的网站和浏览器中运行这些应用场景。了解如何在 IE 开发人员渠道版中设置 WebDriver,并尝试该示例 WebDriver 项目

使用您的 Xbox 控制器玩 Web 游戏

您是否有过在浏览器中使用 Xbox 控制器玩游戏的体验?IE 开发人员渠道版支持新出现的 Gamepad API 标准,这一标准允许您使用 JavaScript 将游戏板支持添加到您的 Web 应用和游戏。通过附加您的 Xbox 360 控制器和帮助世界“逃离 XP”来进行尝试、玩您最喜爱的 Atari Arcade 游戏,或者尝试 Hover.IE


使用您的 Xbox 控制器来“逃离 XP”

IE 开发人员渠道版还改进了 WebGL 性能,并添加了对实例化扩展、16 位纹理、GLSL 内建的变量和三角扇等内容的支持。这一版本将我们的 Khronos WebGL Conformance Test 1.0.2 分数从 89% 提高到 94%。有关这些 WebGL API 的更多信息,请在此处转到 MSDN。

多个开发人员渠道版本中的第一个

随着我们致力于新的功能和标准,我们将继续通过 IE 开发人员渠道版共享早期代码。您始终可以转到 DevChannel.Modern.IE 页面来了解关于 IE 开发人员渠道版中的最新功能的更多信息。IE 开发人员渠道版中支持的新功能也在 Status.Modern.IE 中列出,我们就我们的互操作 Web 平台功能路线图进行通信的新门户。

IE 开发人员渠道版的这一版本结合使用了代码变更和虚拟化以与 IE11 同时运行。这种虚拟化会造成小的性能影响,因此我们不建议您使用该版本来测量您的网站的性能。另外,我们也不建议您在您的企业环境中安装该版本。有关已知问题的更多信息,请参阅我们的常见问题列表。

我们期待通过 @IEDevChat 或 Connect 收到您的反馈,以帮助我们推动行业的发展,并继续改进浏览器。另外,请确保参加我们在 6 月 19 日(周四)上午 10 点到 12 点 (PST) 举办的下一次的 #AskIE 研讨会。

— Internet Explorer 合作伙伴小组项目经理 Jason Weber

附记:IE 团队的 Charles Morris 还被 Channel 9 工作室叫住来与 Geoff Knutzen 进一步讨论 Internet Explorer 开发人员渠道版

Пароли в Internet Explorer 11

MSDN Blogs - Tue, 07/01/2014 - 10:14

В современном Интернете в качестве одной из форм проверки подлинности используются пароли. Это означает, что людям каждый день приходится выполнять вход во множество различных служб. Проблема не только в том, что на сенсорных устройствах вводить пароль неудобно, но и в том, что пользователи создают ненадежные пароли и используют один и тот же пароль для всех сайтов, что делает их уязвимыми для кражи идентификационных данных. Использование безопасного и надежного диспетчера паролей является наилучшим способом побудить пользователей создавать надежные уникальные пароли для каждого сайта.   

При создании Internet Explorer 11 мы постарались сделать процедуру входа на сайты более быстрой и надежной, а также расширить возможности пользователей по управлению сохранением учетных данных.  Кроме того, Internet Explorer 11 теперь будет выполнять перемещение учетных данных в Internet Explorer 11 в Windows Phone 8.1!


Теперь вы можете сохранять и перемещать пароли в Internet Explorer 11 на устройствах с Windows Phone 8.1

Обнаружение формы надежного входа

В Internet Explorer 11 мы усовершенствовали функцию обнаружения форм входа, то есть теперь Internet Explorer запрашивает о сохранении паролей для более 90 % форм входа в Интернете.  Это существенное улучшение по сравнению с предыдущими версиями Internet Explorer.

Вы сами решаете, сохранять ли пароль

Мы возвращаем право управления пользователю, когда требуется решить, сохранять ли пароли для данного сайта.  Теперь Internet Explorer 11 будет спрашивать пользователя о сохранении паролей, даже если в формах входа автозаполнение отключено, то есть атрибут autocomplete=off.  Internet Explorer продолжит учитывать этот атрибут во всех остальных полях формы (таких как "Имя пользователя", "Номер кредитной карты", "Адрес", "Имя" и т. д.).  Это сделано по двум причинам. Первая — устранить путаницу для пользователя по поводу того, что Internet Explorer не будет запоминать пароли на некоторых сайтах. Вторая причина состоит в том, что мы считаем более важным поощрять пользователей создавать надежные, уникальные пароли, чем задавать атрибут autocomplete=off в формах. Пользователи должны иметь возможность самостоятельно решать, является ли безопасным сохранение пароля на определенном устройстве или в данной ситуации. 

Более быстрый вход

Internet Explorer поможет вам сэкономить время, поскольку будет автоматически вводить ваши учетные данные после загрузки страницы, если это будет безопасно. Ранее пользователи должны были щелкнуть или коснуться поля "Имя пользователя", а затем щелкнуть или коснуться еще раз, чтобы выбрать имя пользователя для заполнения поля пароля.  Это вызывало проблемы на устройствах с сенсорным вводом — выполнялось двойное касание для увеличения масштаба — и на сайтах, на которых имена пользователей заполнялись на основе информации из файлов cookie. Данное изменение поведения функции автозаполнения в формах входа является безопасным, поскольку Internet Explorer вернется обратно к своему старому поведению "коснуться и выбрать", если сайт не отвечает определенным критериям безопасности. Реализация такого решения — результат нашего стремления обеспечить безопасность пользователей.

На планшетных устройствах поведение "дважды коснуться, чтобы увеличить" отключено в элементах ввода, чтобы исключить ошибку, когда касание и выбор автозаполнения вызывали визуальное масштабирование. И последнее. Чтобы позволить сайтам обнаруживать, что поля имен пользователей и паролей заполнены, Internet Explorer будет теперь активировать события "input" и "change" при предварительном заполнении учетных данных в форме.

Единый вход

При использовании Windows 8.1 и Windows Phone 8.1 пользователям не нужно повторно вводить учетные данные для одного и того же домена в приложении Магазина Windows или Windows Phone, которые были ранее сохранены в Internet Explorer.  Это значительно ускоряет процесс входа в различных приложениях и устройствах. В Internet Explorer операционная система Windows будет использовать ваши учетные данные, сохраненные Internet Explorer, для того же домена, размещенного в приложении Магазина через брокер веб-проверки подлинности. Приложения Магазина никогда не смогут считывать учетные данные, хранимые в Internet Explorer.


Windows будет использовать ваши данные для входа из Internet Explorer 11 для того же домена, размещенного в приложении Магазина Windows

Приложения Магазина Windows, использующие брокер веб-проверки подлинности, будут автоматически действовать таким же образом, при этом никакая дополнительная разметка не требуется. Кроме того, ваши учетные данные для сайта и приложения будут перемещаться между ПК и мобильными устройствами.

Управление паролями

Internet Explorer 11 на устройстве с Windows 8.1 хранит учетные данные в хранилище учетных данных Windows. Управление паролями веб-сайтов может осуществляться с помощью панели управления "Диспетчер учетных данных" на рабочем столе Windows 8. Используя Internet Explorer 11 в Windows 8.1, можно также управлять учетными записями Интернета напрямую из современного меню "Свойства обозревателя". Для этого выполните прокрутку справа, чтобы открыть панель чудо-кнопок, и коснитесь кнопки "Параметры". Из этого экрана вы можете открывать свои учетные записи и управлять учетными данными, не переключаясь на рабочий стол.


Управление учетными записями на веб-сайтах теперь можно осуществлять непосредственно из браузера

И, как уже упоминалось ранее, все учетные данные могут передаваться на все ваши устройства с Windows 8.1.

Попробуйте сами использовать Internet Explorer 11 на устройствах с Windows 8.1, Windows Phone 8.1 или Windows 7 и ознакомьтесь с этими новыми возможностями! С нетерпением ждем ваших отзывов.

Спасибо за внимание!

— Эми Эдамс (Amy Adams), ведущий руководитель программы, Internet Explorer

Некоторые примечания для разработчиков:

Чтобы ваш сайт работал с диспетчером паролей Internet Explorer 11, форма входа должна соответствовать следующим критериям:

  • Содержать и имя пользователя, и пароль, необходимые для входа в службу.
  • Поля "Имя пользователя" и "Пароль" должны быть инкапсулированы в элементе формы HTML5.
  • Использовать стандартные типы ввода HTML5 для поля "Имя пользователя", которое принимает пользовательский ввод в произвольной форме.
  • Для поля "Пароль" используется тип ввода password HTML5.
  • Событие DOM уровня 2 submit выполняется при отправке формы и учетные данные не удаляются до выполнения события "submit".

Partner Story - Mapping Software Yields Insight through Data Visualization in Multi-User Scenarios

MSDN Blogs - Tue, 07/01/2014 - 09:30

When nsquared, a software development company based in Sydney, Australia, wanted to enable multi-user mapping scenarios for large, interactive touch devices, it turned to Bing Maps, Windows 8, and Perceptive Pixel by Microsoft to create nsquared maps. By using nsquared maps, groups of colleagues or customers can view layers of dynamic data and then save and print the information that is particularly valuable to them. As a result, nsquared customers increase their insight into data and collaborate more easily.

Read the full partner story at the Customer Stories website.

World Cup: comparing contrast 20 years worth of data with natural language

MSDN Blogs - Tue, 07/01/2014 - 09:00

June 26th marked the end of the Round Robin stage, and we saw the World’s best teams crash out early while seeing other teams fight their way to the next round. There is no easy path to winning the World Cup, and we’re in for a treat for the next 16 games.

Notes: purpose (though this demo we'll achieve X).

But, how did the 2014 Group Stage games compare with previous World Cups and could we potentially use these as an indicator for the games to come? PowerBI Q&A investigates and highlights key statistics surrounding World Cup’s most popular facts: goals, cards, and game performance.

 

2014 Performances

 

Key insights: From the top 5 most winningest teams, Italy and Spain suffered an unfortunate fate. However, they have had similar performances before—Italy in 2002 and Spain in 1998. Their premature exit from the tournament is balanced by a bulk of the middle-tier teams doing really well (ex. Belgium, Colombia, Mexico, Switzerland, Costa Rica, etc.).

 

Key insight: Taking a look at the club teams that Spanish players play for, we see that all of them play for the best teams in the world. All of these club teams play an average of 45-50 games a year so when the World Cup starts, they are not mentally or physically prepared. Also, this graph points out that there isn’t necessarily a correlation between playing for the same club team (or same league) for the entire year and World Cup performance. The Guardian did a great post on this as well using a complete data set from FIFA to show national team performance based on club teams.

 

Key Insight: Scoring a lot of goals helps leading to victory, but at the end of the day, you have to stay consistent and win. Taking a look at Belgium and Croatia, they both scored 4 goals, but Croatia scored all those 4 goals in 1 game. Although Belgium didn’t score many goals, they won every game. One question I have looking at this graph is, can Colombia continue their perfect form?

Goals, Cards, Attendance Statistics

Key Insight: This year, compared to other World Cups, has been one of goals, not cards.

 

Key Insight: Adding to the insight found from the above picture, this clearly has been a World Cup of goals, not cards.

 

Key Insight: Longevity has helped Miroslav Klose tie the record for most goals scored (he has played in 4 world cups as opposed to Ronaldo’s 3). Also, Messi may be the best player in the world, but he isn’t yet the best in Argentina. Gabriel Batistuta has the most goals for Argentina, and Messi needs to continue his form this year. Thomas Muller, last year’s top goal scorer, is proving to be a consistently lethal threat.

  

Key Insight: Although the United States held the World Cup in 1994, it still is today the highest attended World Cup. Due to existing infrastructure, USA has potential to host another World Cup. Maybe FIFA can make 2026 in the US.

Can I Play With This Data

When the World Cup is finished, we will make the 2014 data available to play with on Q&A. Currently, we have a demo experience live of 1990-2010 data that you can experience here:

Try PowerBI Q&A on World Cup 1990-2010 Data

*Note: Data is provided by Opta Sports and this documents 1990-2014 statistics.

Prerequisites to Data Driven Quality

MSDN Blogs - Tue, 07/01/2014 - 08:33

A previous post introduced the concept of data driven quality. Moving from traditional, up-front testing to data driven quality is not easy. It is not possible to take just any product and start utilizing this method. In addition to cultural changes, there are several technical requirements on the product. These are: early deployment, friction-free deployment, partial deployment, high speed to fix, limited damage, and access to telemetry about what the users are doing.

Early deployment means shipping before the software is 100% ready. In the past, companies shipped beta software to limited audiences. This was a good start, but betas happened once or twice per product cycle. For instance, Windows 7 had two betas. Windows 8 had one. These were both 3 year product cycles. In order to use data to really understand the product's quality, shipping needs to happen much more often. That means shipping with lower quality. The exact level of stability can be determined per product, but need not be very high if the rest of the prerequisites are met. Ken Johnston has a stimulating post about the concept of Minimum Viable Quality.

Friction-free deployment means a simple mechanism to get the bits in front of users. Seamless installation. The user shouldn't have to know that they have a new version unless it looks different. Google's Chrome browser really pioneered here. It just updates in the background. You don't have to do anything to get the latest and greatest version and you don't have to care.

Because we may be pushing software that isn't 100%, deployment needs to be limited in scope. Software that is not yet fully trusted should not be given to everyone all at once. What if something goes wrong? Services do this with rings of deployment. First the changes are shown to only a small number of users, perhaps hundreds or low thousands. If that appears correct, it is shown to more, maybe tens of thousands. As the software proves itself stable with each group, it is deemed worthy of pushing outward to a bigger ring.

If someone goes wrong, it is important to fix it quickly. This can be a fix for the issue at hand (roll forward) or reversion to the last working version (roll back). The important thing is not to leave users in a broken state for very long. The software must be built with this functionality in mind. It is not okay to leave users facing a big regression for days. In the best case, they should get back to a working system as soon as we detect the problem. With proper data models, this could happen automatically.

Deployment of lower quality software means that users will experience bugs. Total experienced damage is a function of both duration and magnitude. Given the previous two prerequisites, the damage will be limited in duration, but it is also important to limit the damage in magnitude. A catastrophic bug which wipes out your file system or causes a machine not to boot need not last long. Rolling back doesn't repair the damage. Your dissertation is already corrupted. Pieces of the system which can have catastrophic (generally data loss) repercussions need to be tested differently and have a different quality bar before being released.

Finally, the product must be easy to gather telemetry on what the user is doing. The product must be capable of generating telemetry, but the system must also be capable of consuming it. The product must be modified to make generating telemetry simple. This is usually in the form of a logging library. This library must be lightweight. It is easy to overwhelm the performance of a system with too slow a library and too many log events. The library must also be capable of throttling. There is no sense causing a denial of service attack on your own datacenter if too many users use the software.

The datacenter must be capable of handling the logs. The scale of success can make it difficult. The more users, the more data will need to be processed. This can overwhelm network connections and analysis pipelines. The more data involved, the more computing power is necessary. Network pipes must be big. Storage requirements go up. Processing terabytes or even petabytes of data is not trivial. The more data, the more automated the analysis must become to keep up.

With these pieces in place, a team can begin to live the data driven quality lifestyle. There is much than just the technology to think about though. They very mindset of the team must change if the fourth wave of testing it to take root. I will cover these cultural changes next time.

Pages

Subscribe to Randy Riness @ SPSCC aggregator
Drupal 7 Appliance - Powered by TurnKey Linux