如何在网站中自定义IE10分享链接中的内容

在 PC 上分享某一网页的链接是一个常见的活动，Windows 8 上的 IE10 为用户逐步改善了这一活动的体验。“分享”超级按钮是 Windows 8 中的一项全新功能，您可使用这一功能在 PC 中的不同应用程序间无缝地发送内容。此前，如果您希望与朋友分享有趣的文章，或在您的博客中发布有趣的照片，那么您需要从地址栏中复制链接，并切换至不同的网站或应用程序，然后再粘贴该链接。现在，借助 Windows 8“分享”超级按钮，您无需离开当前页面，即可直接从浏览器内实现分享。 您使用“分享”超级按钮在浏览器内分享网站时，IE10 将创建两个包含相关内容的数据格式，即 URI 和一些包含丰富页面内容的 HTML。以下是分享 YouTube 视频的两个数据示例： （当前网站的）URI http://www.youtube.com/watch?v=4DbgiOCTQts （包含链接预览的）HTML IE 10 的网页丰富预览的示例 这两种数据格式均用于“隐式”分享，“隐式”分享是指分享当前正在查看的网站的情形。由于网页可以表示为超链接或丰富的 HTML 链接预览，因此 IE10 包含了这两个数据类型。当然，如果您不打算分享整个页面，而只是希望分享您已经强调的一些内容，IE10 将分享您选定的 HTML，而不是 URI 和链接预览。在这种情形中，分享选定的内容被称为“显式”分享，且不包含链接。本篇博文将介绍链接分享的情形，让您了解 IE10 将如何使用 HTML 参与 Windows 8 分享合约，以及 Web 开发人员将如何仅使用几个元标记来创建链接预览。

“分享”超级按钮和 IE10

以下视频将向您展现用户可如何把浏览器内的链接与使用 HTML 的应用程序分享。

从 IE10 中实现分享：活动的链接预览 在本视频中，“Stash”是一个示例链接保存应用程序，而且该应用程序使用了包含 HTML 的 Windows“分享”超级按钮功能。该示例应用程序仅可支持 HTML 数据格式的分享，而 IE 将提供链接预览。链接预览是包含所有分享链接标题、图像和描述的 HTML。因此，您可轻松识别出网站的内容。如果您安装了 Windows 8 Consumer Preview 和 Visual Studio 11 Beta，那么您可在自己的 PC 上下载并运行 Stash。正如您将从以下内容所了解到的，Stash 已与 Windows 8 分享合约集成为一个目标应用程序。您还将在以下看到一个更高级别的图表，了解 IE10 中链接分享的方式。 图表：使用“分享”超级按钮的数据包，将 IE10 中的链接分享至目标应用程序 Windows 8“分享”超级按钮将协调源应用程序和目标应用程序之间的关系，从而为所有应用程序提供集成的分享体验。这样一来，目标应用程序和源应用程序之间无需感知彼此，并进行协调。

从始至终地改善 Web 分享

Web 是由 HTML 构成。因此，HTML 是 IE10 与分享合约集成中最重要的数据格式之一。IE10 将为两种数据格式创建链接预览，从而为用户提供更好的分享体验，并将 Web 开发人员与 Windows 8 分享紧密相连。借助少部分额外的元数据标记，网站即可定义其链接预览中所需包含的内容。而在分享合约的另一方面，支持 HTML 数据格式的目标应用程序无需解析任何一个网站即可获得上下文 Web 超链接的完整体验。并最终形成丰富、现代而流畅的端到端的分享体验。 分享窗格中可用目标应用程序的屏幕截图 Stash 的分享窗格的屏幕截图 当您分享某一网站时，IE10 将解析该网站，并创建一个链接预览。上述示例展现了表示 IMDb 中电影页面的内容代码段。除了 URI 以外，分享 HTML 的目标是以最佳表示方式分享用户希望分享的内容，因此 IE10 将为所有隐式分享创建链接预览。相比 URI，HTML 可包含更多信息，而相比超链接，HTML 内容的意义更加重大，这便是 HTML 的优势所在。用 Leslie Knope 的话来说，没有人希望分享“毫无意义的内容”。 引自 NBC《公园与休憩》，第 4 季，第 16 集中的一句台词： 正如您可想象的，我们绝不会签署这样毫无意义的合约，因为我们都是充满理智的成人。 尽管有些时候丰富内容并不是所有目标应用程序的最佳数据类型，但是 URI 显然更为有用。例如，博客撰写应用程序可利用丰富 HTML 内容，而短消息应用程序则可最大程度利用 URI。Metro 风格应用程序的开发人员可遵从 Windows 8 分享指导原则，并选择最有利于其应用程序接收的数据格式。

网站将使用标记来自定义 IE10 所分享的内容

由于 IE10 将使用现有标记方法来实现 Web 分享，因此在 Windows 8 中分享 HTML 链接预览时，许多网站将为用户提供卓越的使用体验。我们将为开放内容协议提供支持，并将其作为添加网页相关元数据的一种简单方式。当用户通过 Windows 8 和 IE10 在 Facebook 上分享网站时，其可使用 OpenGraph 来控制该网页对其他用户的呈现方式。 以下是使用了该标记的 IE 体验演示示例：

IE 将在网站的标记中查找以下标记来创建网页的链接预览。

属性	HTML 标记	字符长度限制
标题 1		2,048（图像 URI 的字符长度限制）
图像 2		2,048（图像 URI 的字符长度限制）
图像 3		2,048（图像 URI 的字符长度限制）
图像 4		2,048（图像 URI 的字符长度限制）

请注意：这是我们解析每一属性的顺序。例如，如果同时存在图像 1 和图像 2 的标记，那么我们将使用图像 1 的标记。此外，如果存在不止一类的标记，那么我们将使用您列在标记中的首个标记类型。 对于字符长度的限制，如果描述内容超过了最大允许的长度，那么 IE 将在预览末端输入“…”。 为了让您的网页在 Windows 8 中分享时呈现出卓越的视觉效果，请确保您在网站标记中包含各个属性中的至少一项。有关标记的工作原理的更多内容，请观看 IE 体验演示。

应用程序将从功能强大的 Web 浏览器中获益匪浅

如果您的应用程序可支持分享目标应用合约，那么您应该确定其是否有助于支持作为分享数据格式的 HTML。由于 IE10 将完成分享所需的所有操作，因此使用 HTML 的应用程序可从 IE10 分享的链接预览中获益匪浅。IE10 将解析网站，并将简短和信息丰富的链接预览置于同一位置，您应用程序所需做的只是显示并托管 HTML。超链接将内嵌于预览之中，因此超链接的运行方式将与 URI 相似，但其呈现的效果将大大优于 URI。这样一来，那些因不具备解析 Web 的资源而无法将页面紧缩成小而丰富的预览的应用程序仍可显示出类似于 HTML 的上下文链接。 除了 IE10 以外，还有许多应用程序将分享 HTML。接受 HTML 的目标应用程序必须可验证分享数据的源代码。正如上文所提到的，IE10 可分享隐式和显式的分享应用场景，因此 HTML 有些时候是一个链接预览，而有些时候则是用户选定的格式。但无论是以上哪种情况，HTML 的内容将最大程度地展示用户所希望分享的内容。以下代码段展示了 IE10 所生成的 HTML 链接预览在被添加至“分享”超级按钮的数据包时的情形：

 

 

 

 
Website Title goes here
 

 

 

 

 

 
Website description goes here 
 

 

 

 

 

如欲查看使用 IE10 中 HTML 的应用程序示例，请下载以上视频中所见到的“Stash”示例应用程序。该应用程序将展现 Metro 风格应用程序将 HTML 数据用作分享目标的方式。 以下应用程序的代码段将显示 Stash 将如何使用“分享”超级按钮所发送的 HTML。

function activatedHandler(eventArgs) {
 
// In this sample we only do something if it was activated with the Share contract
 
if (eventArgs.detail.kind
 
=== Windows.ApplicationModel.Activation.ActivationKind.shareTarget) {
 
// We receive the ShareOperation object as part of the eventArgs
 
var shareOperation = eventArgs.detail.shareOperation;
 
if (shareOperation.data.contains(
 
Windows.ApplicationModel.DataTransfer.StandardDataFormats.html)) {
 
shareOperation.data.getHtmlFormatAsync().then(
 
function (htmlFormat) {
 
// Extract the HTML fragment from the HTML format
 
var htmlFragment = Windows.ApplicationModel.DataTransfer
 
.HtmlFormatHelper.getStaticFragment(htmlFormat);
 
// Display the HTML in the Share pane.
 
id("htmlArea").innerHTML = htmlFragment;
 
});
 
}
 
}
 
}

上述代码将让 Stash 在用户选择其作为分享目标时接受 HTML。如欲了解在 Windows 8 中开发分享目标应用程序的详细信息，请查看有关接受分享内容的 MSDN 快速入门页面。 希望您可愉快、高效地实现分享！ —Internet Explorer 项目经理 Alex Feldman

标签:IE10Windows 8IE Web分享链接