用于获取以及分享网页的部分内容的方法和设备的制作方法

用于获取以及分享网页的部分内容的方法和设备的制作方法
【专利摘要】本发明涉及用于获取网页的部分内容的方法和设备以及用于分享网页的部分内容的方法和设备。根据本发明的用于获取网页的部分内容的方法包括：捕获步骤，捕获网页上的由用户选择的区域的图像；获取步骤，获取所述区域内的可链接元素以及所述可链接元素在所述区域内的位置；以及生成步骤，基于所述图像、所述可链接元素以及所述可链接元素在所述区域内的位置来生成HTML片段，以作为所获取的网页的部分内容。得益于本发明，分享者可以仅仅分享感兴趣的网页的部分内容，并且接收者不仅能够看到与分享者所看到的网页的部分内容的视图完全相同的视图，而且还能在浏览器中直接访问该网页的部分内容上的超链接。
【专利说明】用于获取以及分享网页的部分内容的方法和设备

【技术领域】
[0001] 本发明涉及用于获取网页的部分内容的方法和设备以及用于分享网页的部分内 容的方法和设备。

【背景技术】
[0002] 传统上，当用户想要与他/她的朋友分享他/她正观看的网页上的一部分内容时， 一般使用如下两种方式：
[0003] 1)使用"屏幕打印（screen print)"来获取屏幕的快照；以及
[0004] 2)使用"剪贴板（clipboard)"。
[0005] 在第一种方式中，用户能够通过使用屏幕打印来获取快照从而得到他/她正观看 的屏幕上的特定区域的图像，并且然后通过通信软件将其发送给他/她的朋友。获取屏幕 显示的快照是用于提取感兴趣的网页的部分内容的最容易和方便的方式。利用这种方式， 用户可以快速和方便地分享他/她正观看的内容。
[0006] 在第二种方式中，用户能够从他/她正观看的屏幕中选择网页的特定的部分内 容，并且将其复制到剪贴板。当用户想要与其他用户分享网页的该部分内容时，他/她能够 将该部分内容粘贴到通信软件上，并且然后将其发送给目标用户。"复制&粘贴"是典型的 用于提取网页的部分内容以使得其能够被再利用的传统方式。
[0007] 尽管上述这些方法使得用户能够提取网页中的感兴趣的部分内容并且然后将其 与朋友们分享，但是这些方法存在许多明显的问题。
[0008] 对于使用"屏幕打印"的第一种方式，主要问题在于，仅仅分享了正在显示的信息， 但是正在显示的信息背后的嵌入信息(例如，超链接等）丢失(例如，接收者无法利用超链 接)。
[0009] 对于使用"剪贴板"的第二种方式，主要问题在于：用户不能部分地选择网页内容 元素(例如，图像等)，例如用户不能仅选择一个图像的一部分；不能直接地分享网页内容， 而是在分享之前需要对该网页内容进行重新排列；以及，接收者观看到的分享的视图通常 不同于发送者先前所看到的视图。
[0010] 鉴于上述内容，为了获得网页中感兴趣的部分内容并且在各种用户之间分享该部 分内容，存在对于如下方法的需求，即该方法使得能够：
[0011] 一仅仅提取网页的特定的部分内容(包括像图像、文字等之类的部分内容元素）；
[0012] 一不需要额外的操作就能精确地分享网页的特定的部分内容的相同视图；以及
[0013] 一不仅视图相同，而且嵌入在这些网页的部分内容中的重要信息(例如超链接）对 于接收者也是可利用的。
[0014] 对此，目前已经提出了一些技术。美国专利申请公开US2012/0010995A1公开了一 种用于捕获并且分享网页内容的方法。该方法创建用于描述在渲染（render)的网页的所选 区域内的网页内容的位置信息的元数据，并且通过发送具有导航到某窗口小部件（widget) 或高亮页面的链接的消息，来渲染与所选区域对应的网页内容。图1示出了这种方法的主 要工作流程。
[0015] 虽然这种方法能够解决传统方法的若干问题，但是它仍然存在以下问题：
[0016] -接收用户需要重新装载整个分享的网页：
[0017] ?如果接收用户需要操作分享的网页内容，他/她需要点击被配置为渲染该网页 内容的链接。这要求用户重新装载整个分享的网页；
[0018] ?但是，如果分享的网页是安全保护的，像社交网络网站中的页面等，则由于安全 问题而无法装载该网页；
[0019] ?即使这种现有技术提供了在"安全保护"的情况下"存储网页"的方法，仍然存 在重新装载所存储的"安全保护"的网页的问题；
[0020] -在不同分辨率的装置上会呈现不同的渲染结果：
[0021] ?即使这种方法记录了描述所选区域的位置的元数据，但是在一些更低或更高分 辨率的装置上，所分享的网页需要被重新渲染。那么与该元数据对应的元素可能在捕获的 装置与接收的装置之间是不同的；
[0022] -另外，这种现有技术要求专用的服务器的介入，其通过该专用的服务器来处理所 分享的网页以实现网页的部分内容的显示。


【发明内容】

[0023] 因此，鉴于上述【背景技术】的描述，需要用于获取以及分享网页的部分内容的方法 和设备，其使得能够：
[0024] -仅仅分享所选区域，而不包括该网页上的其它内容；
[0025] -仅仅需要重新装载所分享的网页的部分内容；以及
[0026] -不管接收者的接收装置或浏览器如何，所分享的网页的部分内容在接收者的浏 览器上都被渲染为与分享者的浏览器上的视图完全一样，并且嵌入该所选区域的超链接可 以被接收者访问。
[0027] 根据本发明的一个方面，为了解决上述技术问题，本发明提供一种用于获取网页 的部分内容的方法，其包括：捕获步骤，捕获网页上的由用户选择的区域的图像；获取步 骤，获取所述区域内的可链接元素以及所述可链接元素在所述区域内的位置；以及生成步 骤，基于所述图像、所述可链接元素以及所述可链接元素在所述区域内的位置来生成HTML 片段（HTML fragment)，以作为所获取的网页的部分内容。
[0028] 根据本发明的另一方面，为了解决上述技术问题，本发明提供一种用于分享网页 的部分内容的方法，其包括：选择步骤，使得用户在网页上选择感兴趣的区域；获取步骤， 通过如上所述的用于获取网页的部分内容的方法来获取与所选择的区域对应的网页内容； 以及分享步骤，分享作为所获取的网页的部分内容的HTML片段。
[0029] 根据本发明的另一方面，本发明提供一种用于获取网页的部分内容的设备，其包 括：捕获部件，被配置为捕获网页上的由用户选择的区域的图像；获取部件，被配置为获取 所述区域内的可链接元素以及所述可链接元素在所述区域内的位置；以及生成部件，被配 置为基于所述图像、所述可链接元素以及所述可链接元素在所述区域内的位置来生成HTML 片段，以作为所获取的网页的部分内容。
[0030] 根据本发明的另一方面，本发明提供一种用于分享网页的部分内容的设备，其包 括：选择部件，被配置为使得用户能够在网页上选择感兴趣的区域；如上所述的用于获取 网页的部分内容的设备，被配置为获取与所选择的区域对应的网页内容；以及分享部件，被 配置为分享作为所获取的网页的部分内容的HTML片段。
[0031] 如上所述，本发明提供了用于部分地获取网页内容并且将其在不同用户之间分享 的方法和设备。所选择来分享的区域没有任何限制，并且完全等同于用户选择的区域。利 用本发明的方法和设备，分享者可以仅仅分享感兴趣的网页的部分内容，并且接收者不仅 能够看到与分享者所看到的网页的部分内容的视图完全相同的视图，而且还能在浏览器中 直接访问该网页的部分内容上的超链接。
[0032] 此外，与上述【背景技术】中提到的现有技术相比，本发明具有如下的益处：
[0033] -与"屏幕打印"方法相比，本发明使得用户能够在没有更多用户操作的情况下分 享更多信息(例如，超链接）；
[0034]-与"剪贴板"方法相比，本发明需要更少的用户操作（即，不需要重新排列所分享 的内容)，使得分享者能够分享网页内容元素的一部分(例如，图像的一部分、文本区域的一 部分、等等)，并且使得分享者和接收者能够以完全相同的视图来观看所分享的部分内容；
[0035] -与上述美国专利申请所提出的方法相比，本发明使得能够仅仅分享所感兴趣的 部分内容(甚至文本区域的某一块、图像的一部分、等等)，确保接收者获得与分享者相同的 对于该部分内容的视图，并且使得接收者仅仅需要重新装载所分享的部分内容，而不需要 重新装载整个网页，而且本发明的方法和设备的实现不需要专用的服务器的介入。
[0036] 根据参照附图的以下描述，本发明的其它特性特征和优点将变得清晰。

【专利附图】

【附图说明】
[0037] 并入说明书中并且构成说明书的一部分的附图示出了本发明的实施例，并且与描 述一起用于说明本发明的原理。
[0038] 图1示出了现有技术中的用于捕获并且分享网页内容的方法的一个例子。
[0039] 图2是示出能够实施本发明的实施例的计算机系统的硬件配置的框图。
[0040] 图3是示出了根据本发明一个实施例的用于获取网页的部分内容的方法的流程 图。
[0041] 图4是示出了根据本发明一个实施例的用于获取网页的部分内容的设备的框图。
[0042] 图5是示出了根据本发明一个实施例的用于分享网页的部分内容的方法的流程 图。
[0043] 图6是示出了根据本发明一个实施例的用于分享网页的部分内容的设备的框图。
[0044] 图7示出了根据本发明一个实施例的用于分享网页的部分内容的方法的过程示 例。

【具体实施方式】
[0045] 下面将参考附图来详细描述本发明的优选的实施例。不是本发明必需的细节和功 能被省略，以便不会混淆本发明的理解。
[0046] 请注意，类似的参考数字和字母指的是图中的类似的项目，因而一旦在一幅图中 定义了一个项目，就不需要在之后的图中讨论了。
[0047] 在本公开中，术语"第一"、"第二"等仅仅被用来在元件或步骤之间进行区分，而并 不意图表示时间顺序、优先级或重要性。
[0048](计算机系统的硬件配置）
[0049] 图2是示出能够实施本发明的实施例的计算机系统1000的硬件配置的框图。
[0050] 如图2中所示，计算机系统包括计算机1110。计算机1110包括经由系统总线 1121连接的处理单元1120、系统存储器1130、固定非易失性存储器接口 1140、可移动非易 失性存储器接口 1150、用户输入接口 1160、网络接口 1170、视频接口 1190和输出外围接口 1195。
[0051] 系统存储器1130包括ROM (只读存储器）1131和RAM (随机存取存储器）1132。 BIOS (基本输入输出系统）1133驻留在R0M1131中。操作系统1134、应用程序1135、其它 程序模块1136和某些程序数据1137驻留在RAM1132中。
[0052] 诸如硬盘之类的固定非易失性存储器1141连接到固定非易失性存储器接口 1140。固定非易失性存储器1141例如可以存储操作系统1144、应用程序1145、其它程序模 块1146和某些程序数据1147。
[0053] 诸如软盘驱动器1151和⑶-ROM驱动器1155之类的可移动非易失性存储器连接 到可移动非易失性存储器接口 1150。例如，软盘1152可以被插入到软盘驱动器1151中，以 及⑶（光盘）1156可以被插入到⑶-ROM驱动器1155中。
[0054] 诸如麦克风1161和键盘1162之类的输入设备被连接到用户输入接口 1160。
[0055] 计算机1110可以通过网络接口 1170连接到远程计算机1180。例如，网络接口 1170可以经由局域网1171连接到远程计算机1180。或者，网络接口 1170可以连接到调制 解调器(调制器一解调器）1172,以及调制解调器1172经由广域网1173连接到远程计算机 1180。
[0056] 远程计算机1180可以包括诸如硬盘之类的存储器1181，其存储远程应用程序 1185。
[0057] 视频接口 1190连接到监视器1191。
[0058] 输出外围接口 1195连接到打印机1196和扬声器1197。
[0059] 图2所示的计算机系统仅仅是说明性的并且决不意图对本发明、其应用或用途进 行任何限制。
[0060] 图2所示的计算机系统可以被实施于任何实施例，可作为独立计算机，或者也可 作为设备中的处理系统，可以移除一个或更多个不必要的组件，也可以向其添加一个或更 多个附加的组件。
[0061] (用于获取网页的部分内容的方法和设备）
[0062] 图3是示出了根据本发明一个实施例的用于获取网页的部分内容的方法的流程 图。
[0063] 如图3所示，在捕获步骤310中，捕获网页上的由用户选择的区域的图像。当根 据本发明的方法被实现在网页浏览器中时，可选地，可以在浏览器中设置一个选项(例如， "Enable Block Selection"选择框）来启用/停用根据本发明的获取网页的部分内容的方 法。此时，只有在启用本发明的方法的情况下，才开始进行捕获步骤310。通过设置该选项， 可以允许用户自由选择本发明的方法或传统方式等来灵活地获取网页内容。
[0064] 在一种实施方式中，可以通过如下操作来捕获网页上的由用户选择的区域的图 像：在用户拖曳装置指针（device pointer)时，捕捉装置指针在拖曳开始时的点以及在拖 曳结束时的点；基于装置指针在拖曳开始时的点以及在拖曳结束时的点，来确定用户选择 的所述区域；以及获取用户选择的所述区域的像素数据，并且将所述像素数据压缩成图像 格式以形成所述图像。
[0065] 在另一种实施方式中，可以通过如下操作来捕获网页上的由用户选择的区域的图 像：在用户拖曳装置指针时，捕捉动作并且识别由所述动作覆盖的区域；捕捉在用户释放 装置指针时的装置指针的点，并且确定最后记录的区域为用户选择的所述区域；以及获取 用户选择的所述区域的像素数据，并且将所述像素数据压缩成图像格式以形成所述图像。 通过这种方式，可以在网页上实时地显示用户当前选择的区域，方便用户确定所期望的选 择区域。
[0066] 上述图像格式没有特别限定，可以是例如png、jpeg等等格式。
[0067] 上述方式是针对有装置指针的设备，然而，对于没有装置指针的设备，例如具有触 摸屏的设备，可以通过手指触摸的运动等来以类似方式选择区域并且捕获网页上的由用户 选择的区域的图像。
[0068] 在获取步骤320中，获取所述区域内的可链接元素以及所述可链接元素在所述区 域内的位置。
[0069] 在一种实施方式中，可以通过如下步骤来获取所述区域内的可链接元素：分析所 述网页的内容，并且记录由所述区域覆盖或部分覆盖的可链接元素。进一步地，分析和记 录步骤的示例包括：获得由所述区域覆盖或部分覆盖的所有元素，遍历（traverse)所有元 素，并且找出并记录所有的可链接元素。
[0070] 可以通过如下步骤来获取所述可链接元素在所述区域内的位置：获取所述可链接 元素和所述区域分别在所述网页上的位置，并且基于所述可链接元素和所述区域分别在所 述网页上的位置来计算所述可链接元素在所述区域内的位置。
[0071] 优选地，对于每个可链接元素，上述计算步骤可以包括：获得用于渲染的可链接元 素的区域；以及利用用户所选择的所述区域的左上角作为坐标的原点，计算每个渲染的可 链接元素的区域在所述区域内的位置。在一些情况下，一个可链接元素被渲染为多于一个 区域，例如，该可链接元素被渲染为多行。在这种情况下，首先，分别获取该可链接元素的每 个渲染区域及其在用户所选区域中的位置，并且如下所述地，在生成的HTML片段中分别描 述该可链接元素的每个渲染区域。
[0072] 如本领域技术人员所知的，获取步骤320并不限于上述的实施方式，而是可以用 已知的各种技术来实现。
[0073] 接下来，在生成步骤330中，基于所述图像、所述可链接元素以及所述可链接元素 在所述区域内的位置来生成HTML片段，以作为所获取的网页的部分内容。
[0074] 在一种实施方式中，可以通过以下操作来实现生成步骤：利用所述图像来创建 <img>元素，并且创建〈map〉元素以便将与所述可链接元素对应的信息附加到所述图像上。
[0075] 优选地，所述创建〈map〉元素的步骤可以包括：创建空的〈map〉元素，利用所述 可链接元素以及所述可链接元素在所述区域内的位置来生成〈area〉元素，并且将所述 〈area〉元素添加到所述〈map〉元素中。
[0076] 另外，优选地，所述生成〈area〉元素的步骤可以包括：创建〈area〉元素，其中所 述〈area〉元素至少包括'href'属性和'coords'属性，将所述可链接元素的源URL分配 给所述〈area〉元素的'href'属性，以及将所述可链接元素在所述区域内的位置指定为所 述〈area〉元素的'coords'属性。在某些情况下，所述〈area〉元素除了 'href'属性和 'coords'属性外还可以包括其它属性，例如，用于提示用户对应的可链接元素的文本信息 的'alt/title'属性，用于规定在何处打开'href'属性指定的目标URL的'target'属性， 等等。
[0077] 如前所述，在一些情况下，一个可链接元素被渲染为多于一个区域。在这种情况 下，优选地，对于一个可链接元素的每个渲染区域，均以上述类似的方式生成一个〈area〉 元素。
[0078] 下面示出了所生成的HTML片段的一个示例：
[0079] 〈img src="data: image/png;base64, xxx，'style="width:xxx;height:xxx，'usema p= "#clipMapping，'/>
[0080] 〈map name= "clipMapping">
[0081] 〈area shap= "rect" coords= "x0, y0, x00, y00，'href = "http:// xxxx，'title= <Buy, alt= ^Hyper Linkl' >
[0082] 〈area shap= "rect" coords= "xl, yl, xlO, ylO"href = "http:// xxxx，'title= <Buy, alt= ^Hyper Link2, >
[0083] 〈area shap= "rect" coords= "x2, y2, x20, y20，'href = "http:// xxxx，'title= <Buy, alt= ^Hyper Link3, >
[0084] 〈/map〉
[0085] 本领域技术人员明白，上述HTML片段的生成方式及其示例均是示例性的，而非限 制性的。
[0086] 图4是示出了根据本发明一个实施例的用于获取网页的部分内容的设备的框图。 [0087] 如图4所示，根据本发明的示例性实施例的用于获取网页的部分内容的设备400 包括：捕获部件410、获取部件420和生成部件430。
[0088] 更具体而言，捕获部件410被配置为捕获网页上的由用户选择的区域的图像。
[0089] 获取部件420被配置为获取所述区域内的可链接元素以及所述可链接元素在所 述区域内的位置。
[0090] 生成部件430被配置为基于所述图像、所述可链接元素以及所述可链接元素在所 述区域内的位置来生成HTML片段，以作为所获取的网页的部分内容。
[0091] 该设备400中的各个部件可以被配置为执行图3中的流程图所示出的各个步骤。
[0092] 通过如上所述的方法和设备，可以获取网页中用户选择的部分内容作为HTML片 段，从而允许其他人在浏览该HTML片段时看到与用户所选择的部分完全相同的视图并且 容易访问该部分中嵌入的可链接元素。具有上述特性的获取方法和设备可以被用于各种应 用，例如，用于分享网页的部分内容的应用。下面将详细描述应用有根据本发明的获取方法 和设备的用于分享网页的部分内容的方法和设备。
[0093] (用于分享网页的部分内容的方法和设备）
[0094] 图5是示出了根据本发明一个实施例的用于分享网页的部分内容的方法的流程 图。
[0095] 如图5所示，在选择步骤510中，使得用户能够在网页上选择感兴趣的区域。用户 可以利用装置指针来进行选择，或者在具有触摸屏的设备上利用手指触摸的运动来进行选 择。
[0096] 在获取步骤520中，通过如上所述的用于获取网页的部分内容的方法来获取与所 选择的区域对应的网页内容。该网页内容由所生成的HTML片段表示。
[0097] 在分享步骤530中，分享作为所获取的网页的部分内容的HTML片段。在一种实施 方式中，可以通过使用通信工具来将作为所获取的网页的部分内容的HTML片段发送给接 收者。该通信工具可以是：例如，IM客户端、电子邮件、各种社交网络服务等等。在作为分 享对象的接收者接收到该HTML片段后，该接收者可以浏览该HTML片段，从而以与分享者所 看到的要分享的内容相同的视图来浏览所分享的部分内容。该接收者可以在网页浏览器中 渲染所分享的网页的部分内容。
[0098] 图6是示出了根据本发明一个实施例的用于分享网页的部分内容的设备的框图。
[0099] 如图6所示，根据本发明的示例性实施例的用于分享网页的部分内容的设备600 包括：选择部件610、如上所述的用于获取网页的部分内容的设备400和分享部件630。 [0100] 更具体而言，选择部件610被配置为使得用户能够在网页上选择感兴趣的区域。
[0101] 如上所述的用于获取网页的部分内容的设备400被配置为获取与所选择的区域 对应的网页内容。
[0102] 分享部件630被配置为分享作为所获取的网页的部分内容的HTML片段。
[0103] 该设备600中的各个部件可以被配置为执行图5中的流程图所示出的各个步骤。
[0104] (用于分享网页的部分内容的方法的过程示例）
[0105] 图7示出了根据本发明一个实施例的用于分享网页的部分内容的方法的过程示 例。通过这个示例来直观地展示根据本发明的分享方法及其有益效果。
[0106] 如图7所示，首先，用户A在浏览一个网页（图中的"Hyper Linkl"、"Hyper Link2"、"Hyper Link3"和"Hyper Link4"示意性地表示四个超链接)。在浏览该网页时， 用户A希望将其中的一部分内容与其他用户（例如，用户B和用户C)分享。因此，用户A在 网页上选择他/她感兴趣的区域，然后本发明的方法根据用户的选择获取了与所选择的区 域对应的网页内容，即，HTML片段。接着，将该HTML片段分享给用户B和用户C。例如，通 过各种通信工具将该HTML片段发送给用户B和用户C。如图7所示，用户B使用高分辨率 装置，用户C使用低分辨率装置，而且，从图中可以看出，无论装置分辨率高低，接收用户均 看到与用户A完全相同的视图。此外，所分享的该部分内容包含的超链接也均可以被用户 B和用户C直接访问。
[0107] 以上描述的部件是用于实施本公开中描述的处理的示例性和/或优选的模块。这 些部件可以是硬件单元(诸如现场可编程门阵列（FPGA)、数字信号处理器或专用集成电路 等）和/或软件模块(诸如计算机可读程序)。以上并未详尽地描述用于实施各个步骤的部 件。然而，只要有执行某个处理的步骤，就可以有用于实施同一处理的对应的功能模块或单 元（由硬件和/或软件实施)。通过所描述的步骤以及与这些步骤对应的单元的所有组合限 定的技术方案都被包括在本申请的公开内容中，只要它们构成的这些技术方案是完整并且 可应用的。
[0108] 此外，由各种部件构成的上述设备400和600可以作为功能模块被并入到诸如计 算机、移动电话、手持装置等的电子装置中，只要在该电子装置中存在对于获取以及分享网 页的部分内容的需要即可。除了该设备400和600之外，该电子装置当然可以具有其它硬 件或者软件部件。
[0109] 如上所述，根据本发明的方法和设备适用于各种浏览器以及包含获取以及分享网 页的部分内容的功能的各种应用或者各种装置。
[0110] 可以通过许多方式来实施本发明的方法和设备。例如，可以通过软件、硬件、固件、 或其任何组合来实施本发明的方法和设备。上述的方法步骤的次序仅是说明性的，本发明 的方法步骤不限于以上具体描述的次序，除非以其它方式明确说明。此外，在一些实施例 中，本发明还可以被实施为记录在记录介质中的程序，其包括用于实现根据本发明的方法 的机器可读指令。因而，本发明还覆盖存储用于实现根据本发明的方法的程序的记录介质。
[0111] 虽然已通过示例详细展示了本发明的一些具体实施例，但是本领域技术人员应当 理解，上述示例仅意图是说明性的而不限制本发明的范围。本领域技术人员应该理解，上述 实施例可以在不脱离本发明的范围和实质的情况下被修改。本发明的范围是通过所附的权 利要求限定的。
【权利要求】
1. 一种用于获取网页的部分内容的方法，包括： 捕获步骤，捕获网页上的由用户选择的区域的图像； 获取步骤，获取所述区域内的可链接元素以及所述可链接元素在所述区域内的位置； 以及 生成步骤，基于所述图像、所述可链接元素以及所述可链接元素在所述区域内的位置 来生成HTML片段，以作为所获取的网页的部分内容。
2. 根据权利要求1所述的方法，其中通过如下步骤来获取所述区域内的可链接元素： 分析所述网页的内容；以及 记录由所述区域覆盖或部分覆盖的可链接元素。
3. 根据权利要求1所述的方法，其中通过如下步骤来获取所述可链接元素在所述区域 内的位置： 获取所述可链接元素和所述区域分别在所述网页上的位置；以及 基于所述可链接元素和所述区域分别在所述网页上的位置来计算所述可链接元素在 所述区域内的位置。
4. 根据权利要求1所述的方法，其中所述生成步骤包括： 利用所述图像来创建<img>元素；以及 创建〈map〉元素以便将与所述可链接元素对应的信息附加到所述图像上。
5. 根据权利要求2所述的方法，其中分析和记录步骤包括： 获得由所述区域覆盖或部分覆盖的所有元素； 遍历所有元素；以及 找出并记录所有的可链接元素。
6. 根据权利要求3所述的方法，其中对于每个可链接元素，所述计算步骤包括： 获得用于渲染的可链接元素的区域；以及 利用用户所选择的所述区域的左上角作为坐标的原点，计算每个渲染的可链接元素的 区域在所述区域内的位置。
7. 根据权利要求4所述的方法，其中所述创建〈map〉元素的步骤包括： 创建空的〈map〉元素； 利用所述可链接元素以及所述可链接元素在所述区域内的位置来生成〈area〉元素； 将所述〈area〉元素添加到所述〈map〉元素中。
8. 根据权利要求7所述的方法，其中，所述生成〈area〉元素的步骤包括： 创建〈area〉元素，其中所述〈area〉元素至少包括'href'属性和'coords'属性； 将所述可链接元素的源URL分配给所述〈area〉元素的'href'属性；以及 将所述可链接元素在所述区域内的位置指定为所述〈area〉元素的'coords'属性。
9. 一种用于分享网页的部分内容的方法，包括： 选择步骤，使得用户在网页上选择感兴趣的区域； 获取步骤，通过根据权利要求1一 8中的任何一项所述的方法来获取与所选择的区域 对应的网页内容；以及 分享步骤，分享作为所获取的网页的部分内容的HTML片段。
10. 根据权利要求9所述的方法，其中所述选择步骤包括： 通过使用装置指针或手指在网页上进行拖曳来选择感兴趣的区域。
11. 一种用于获取网页的部分内容的设备，包括： 捕获部件，被配置为捕获网页上的由用户选择的区域的图像； 获取部件，被配置为获取所述区域内的可链接元素以及所述可链接元素在所述区域内 的位置；以及 生成部件，被配置为基于所述图像、所述可链接元素以及所述可链接元素在所述区域 内的位置来生成HTML片段，以作为所获取的网页的部分内容。
12. 根据权利要求11所述的设备，其中所述获取部件包括： 分析和记录部件，被配置为分析所述网页的内容、并且记录由所述区域覆盖或部分覆 盖的可链接元素。
13. 根据权利要求11所述的设备，其中所述获取部件包括： 位置获取部件，被配置为获取所述可链接元素和所述区域分别在所述网页上的位置； 以及 计算部件，被配置为基于所述可链接元素和所述区域分别在所述网页上的位置来计算 所述可链接元素在所述区域内的位置。
14. 根据权利要求11所述的设备，其中所述生成部件包括： <img>元素创建部件，被配置为利用所述图像来创建<img>元素；以及 〈map〉元素创建部件，被配置为创建〈map〉元素以便将与所述可链接元素对应的信息 附加到所述图像上。
15. 根据权利要求12所述的设备，其中所述分析和记录部件包括： 被配置为获得由所述区域覆盖或部分覆盖的所有元素的部件； 被配置为遍历所有元素的部件；以及 被配置为找出并记录所有的可链接元素的部件。
16. 根据权利要求13所述的设备，其中所述计算部件包括： 被配置为对于每个可链接元素，获得用于渲染的可链接元素的区域的部件；以及 被配置为利用用户所选择的所述区域的左上角作为坐标的原点，计算每个渲染的可链 接元素的区域在所述区域内的位置的部件。
17. 根据权利要求14所述的设备，其中所述〈map〉元素创建部件包括： 空〈map〉元素创建部件，被配置为创建空的〈map〉元素； 〈area〉元素生成部件，被配置为利用所述可链接元素以及所述可链接元素在所述区域 内的位置来生成〈area〉元素；以及 添加部件，被配置为将所述〈area〉元素添加到所述〈map〉元素中。
18. 根据权利要求17所述的设备， 其中，所述〈area〉元素生成部件包括： 〈area〉元素创建部件，被配置为创建〈area〉元素，其中所述〈area〉元素至少包括 'href'属性和'coords'属性； 'href '属性分配部件，被配置为将所述可链接元素的源URL分配给所述〈area〉元素的 'href'属性；以及 'coords'属性指定部件，被配置为将所述可链接元素在所述区域内的位置指定为所述 〈area〉兀素的'coords'属性。
19. 一种用于分享网页的部分内容的设备，包括： 选择部件，被配置为使得发送者能够在网页上选择感兴趣的区域； 根据权利要求11 一 18中的任何一项所述的用于获取网页的部分内容的设备，被配置 为获取与所选择的区域对应的网页内容；以及 分享部件，被配置为分享作为所获取的网页的部分内容的HTML片段。
20. 根据权利要求19所述的设备，其中所述选择部件包括： 被配置为使得能够通过使用装置指针或手指在网页上进行拖曳来选择感兴趣的区域 的部件。
【文档编号】G06F17/30GK104142923SQ201310161701
【公开日】2014年11月12日 申请日期:2013年5月6日 优先权日:2013年5月6日
【发明者】沈为正, 陈新武, 李锴, 刘增卫 申请人:佳能株式会社