CN105573694A - 数字内容的多个显示渲染 - Google Patents

Abstract

本公开的实施例涉及数字内容的多个显示渲染。提供了用于将数字内容分段成能够跨多个应用窗口显示的多个区片的技术。例如，在一个特定的实现方式中，本文所公开的方法可以用于将网页分成多个区片，其中每个区片可以在显示原始网页的一部分的分离的web浏览器中被显示。通常，每个内容浏览器基于可以由浏览器本地存储的配置来标识其显示哪个区片。为了维持诸如可以由活动内容提供的交互性，每个浏览器包括被配置为检测与所显示的内容关联的文档对象模型(DOM)和/或层叠样式表(CSS)的变化的突变观测器。在通知消息中记录所检测的改变，可以经由WebSocket连接或者直接的对等网络来向其他内容浏览器广播通知消息。

Description

数字内容的多个显示渲染

技术领域

本公开内容总体上涉及数字内容的视觉渲染，并且更具体地涉及用于将数字内容分段成能够跨多个应用窗口被显示的多个区片的方法。

背景技术

大型电子显示屏被用在各种应用中，以显示对应的各种数字内容。例如，体育场和竞技场通常以巨大的显示屏为特征，这些显示屏用于向成千上万的观众呈现视频图像、照片和其他信息。显示屏通常形成被安装在店面窗口、会议厅和可能存在顾客的其他位置中的广告显示器的一部分。显示屏通常还被并入到信息亭、交互式终端以及被安装在机场、火车站、游乐园和人们倾向于聚集的其他地方的类似的设备中。大型显示器在诸如这些等应用中尤其有用，因为它们很容易被人群可见，能够从远处吸引注意力，并且可以显示大量信息。大量技术已经用于实现这样的显示器，包括投影显示器和液晶显示器(LCD)或者发光二极管(LED)元件的平板阵列。例如，可以通过使用计算机或者其他电子设备控制在物理上被布置成矩阵的多个各个显示器来创建大型显示器(诸如被定位成彼此相邻的LED电视机的3x3阵列)。可以通过将多个较小的设备(诸如平板计算机)布置成阵列来以较小的规模来复制这一技术。不管实现技术如何，这样的复合显示系统通常与控制器一起使用，该控制器包括能够以协同方式同时驱动所有显示器的编程和电子器件。

附图说明

图1A是图示在概念上被分段成多个区片的应用窗口中显示的数字内容的截图；

图1B是图示图1A的数字内容的截图，其中这样的内容跨多个应用窗口被显示；

图2是示意性地图示可以用于实现本文所公开的实施例中的某些实施例的网络化计算机系统的所选择的组件的框图；

图3是示意性地图示包括多个触摸敏感显示设备的复合显示设备阵列的示例实施例的框图；

图4是图示将数字内容项分段成跨多个应用窗口显示的多个区片的示例方法的流程图；

图5是示意性地图示在数字内容项被分段成跨多个应用窗口显示的多个区片时出现的示例数据流的数据流程图；

图6A图示了从检测的浏览器向一个或多个响应的浏览器传输的示例层叠样式表突变通知消息；以及

图6B图示了从检测的浏览器向一个或多个响应的浏览器传输的示例文档对象模型突变通知消息。

具体实施方式

大型电子显示屏通常包括被定位成彼此相邻(例如以形成阵列)的多个较小的平板屏幕显示器。当多个显示屏幕以这一方式被布置时，所得到的较大的显示设备阵列通常被称为复合显示器或者多面板显示器。由于已经改进了显示技术、已经减小了单个显示器边框尺寸并且已经降低了显示器成本，复合显示器已经变得越来越普及。例如，平板计算机、手持式计算机和其他便携式设备的增加的多功能性使得可能使用这样的设备来构造较小规模的复合显示器。然而，不管它们的流行性如何，现有的复合显示器还有很多缺点，部分是因为这样的显示器通常依赖于被设计用于与特定显示配置和/或特定显示硬件一起使用的专有控制系统。这使得用户难以集合具有唯一的尺寸或者形状或者使用对复合显示控制器系统不可用的设备的他们自己的定制的复合显示器。更根本地，很多现有的复合显示控制系统使用依赖于将较大的屏幕区域分成较小的分段的基于屏幕的逻辑来操作。这一方法没有被容易地适用于基于页面的数字内容，诸如，已经在当代计算环境中变为普遍存在的网页。例如，现有的显示分段系统缺乏将web内容的交互式属性稳健地扩展到复合显示环境的能力。这些缺点转换成寻求扩展复合显示系统的功能和市场渗透的开发者的基本障碍。

因此，并且根据本文所公开的实施例中的某些实施例，提供了用于将数字内容分段成可以跨多个应用窗口显示的多个区片的技术。例如，在一个特定实现中，本文所公开的方法可以用于将网页分成多个区片，其中每个区片可以在显示原始网页的一部分的单独的web浏览器中被显示。通常，每个内容浏览器基于可以由浏览器本地存储的配置来标识其显示哪个区片。为了维持诸如可以由活动内容提供的交互性，每个浏览器包括被配置为检测与所显示的内容关联的文档对象模型(DOM)和/或层叠样式表(CSS)的变化的突变观测器。在通知消息中记录所检测的变化，该通知消息可以经由WebSocket连接或者直接的对等网络来向其他内容浏览器广播。这一方法有利地允许在没有专有控制系统的情况下，能够使用复合显示器来显示基于页面的内容，从而使得很容易操纵复合显示器的尺寸和形状，并且使用各种不同的显示设备来实现显示器。

如本文中所使用的，术语“内容”除了其原始含义之外，还指代意图用于由用户的直接或者间接消费的信息。例如，术语内容包含用户的信息(诸如，在显示设备上显示、使用内容浏览器渲染或者在一页纸上打印)。术语内容还包括没有特别地意图用于显示并且因此还包含诸如软件、可执行指令、脚本、超链接、地址、指针、元数据和格式化信息等条目的信息。例如，可以将网页理解为由多个其他内容项(诸如图像、文本、超链接、格式化指令和元数据)组成的内容项。内容项的使用独立于(a)如何向用户呈现内容项以用于消费以及(b)用于创建或者渲染内容的软件应用。可以使用意图减少经由网络传输内容所需要的带宽的量的一个或多个压缩算法来对内容编码。还可以将内容表征为包括“内容项”或者“资产”。术语“数字内容”和“数字资产”是指以二进制数字(例如零和一)编码的内容。因此，在包括数字计算机的应用的环境中，术语“内容”、“数字内容”、“资产”和“数字资产”通常可互换地使用。

如本文中所使用的，术语“浏览器”和“内容浏览器”除了它们的原始含义之外还指代能够检索和渲染从存储资源获得的数字内容的软件应用。要被浏览的内容可以用网络地址来标识，网络地址由用户输入或者从以超链接形式的先前渲染的内容中选择。浏览器可以包括提供对与内容消耗关联的功能的访问的用户界面元素(诸如滚动条、菜单栏、工具栏等)以及在其中出现渲染的内容的浏览器窗口二者。应当理解，浏览器窗口可以包括或者可以不包括可见边框。浏览器可以被配置为根据各种文件格式和协议来渲染存储的内容。可以通过插件和/或扩展工具的使用来扩展由内容浏览器提供的功能，插件和/或扩展工具可以被配置为例如建立使得能够在连接的设备之间主动地推送内容的WebSocket连接。“web浏览器”是具体地被配置用于检索和渲染经由万维网(WWW)可访问的数字内容(诸如网页)的一类浏览器，然而很多web浏览器还能够访问专用网络中的内容服务器提供的和大量不同文件系统中的文件服务器提供的信息。

如本文所使用的，术语“显示器”除了其原始含义之外还指代能够视觉地渲染内容的设备。可以使用各种技术来实现显示设备，包括投影显示器、LCD或者LED元件的平板阵列以及平板等离子显示器。还可以使用触摸敏感表面来实现显示器，从而产生可以用作输入设备和输出设备二者的显示器。通过布置彼此相邻地多个显示设备来产生“复合”或者“多面板”显示器，从而产生具有用户定义的尺寸和/或空间的较大的显示器。虽然复合显示器通常具有矩形形状，然而应当理解，通常本质上任何形状或者尺寸可以用于复合设备，并且因此在某些实施例中，复合显示器可以具有不规则的和/或非对称的形状，诸如L形状或者具有空的中央区域的O形状。复合显示器可以包括任意合适数量的显示设备。在一些情况下，复合显示器可以包括具有不同尺寸和/或形状的显示器，以使得例如相对较宽的显示器跨两个或多个相对较窄的显示器的组合宽度延伸。

如本文中所使用的，术语“区片(tile)”除了其原始含义之外还指代内容项的概念上的子区域或者在其中渲染内容项的至少一部分的复合显示器的子区域。例如，可以将内容浏览器理解为包括可以在概念上分为左侧区片和右侧区片的浏览器窗口。出现在左侧区片中的渲染内容的部分可以被配置为出现在复合显示器的第一(左侧)面板中，而出现在右侧区片中的渲染内容的部分可以被配置为出现在复合显示器的第二(右侧)面板中。应当理解，区片通常是可以被配置为具有用户定义的形状和尺寸的概念元素。例如，图1A是图示在概念上被分段成多个区片的浏览器窗口3000中显示的数字内容的截图，而图1B图示跨对应于第一区片的第一浏览器窗口3100和对应于第二区片的第二浏览器窗口3200显示的该相同内容。区片还可以被称为“视口(viewport)”。

系统架构

图2是示意性地图示可以用于实现本文所公开的实施例中的某些实施例的网络化计算机系统1000的所选择的组件的框图。如所图示的，网络化计算机系统1000包括一个或多个计算设备100，并且还可以包括内容服务器200和/或配置管理器300。计算设备100以及可选的内容服务器200和/或配置管理器300可以被配置为经由网络500彼此通信。将依次描述包括网络化计算机系统1000的各个组件和子组件的架构和功能。然而，通常应当理解，这样的实施例提供用于将数字内容分段成可以跨多个应用窗口显示的多个区片的技术。因为可以根据特定应用的需要来对给定实现中提供的特定资源、组件和功能具体地调整，所以本公开内容不意图限于任何特定资源、组件或者功能的提供或者排除。

计算设备100包括例如选自台式计算机、膝上型计算机、工作站、平板计算机、智能电话、手持式计算机、机顶盒或者另一合适的计算设备的设备。可以在某些实施例中使用不同类型的计算设备的组合。计算设备100与显示设备170(诸如触摸敏感显示设备)关联。通常，可以使用各种技术来实现显示设备，包括投影显示器、LCD或者LED元件的平板阵列以及平板等离子显示器。显示设备170可以包括或者可以不包括触摸敏感表面。在其中网络化计算机系统1000包括多个计算设备100的实施例中，诸如在图2中图示的其中网络化计算机系统1000包括多个附加计算设备100'的示例实施例中，可以使用不同的技术来实现对应的多个显示设备170。在一些实施例中，单个计算设备可以与多个显示设备关联，在其他实施例中，多个计算设备中的每个计算设备与单个显示设备关联，在其他实施例中，使用以上配置的组合。每个显示设备170与唯一的显示器标识符172关联。多个显示设备170可以被布置成形成如本文中所公开的并且如图3图示的具有用户定义的尺寸和形状的复合显示设备阵列170'。

再次参考图2，计算设备100包括处理器110、存储器120、通信模块140、操作系统150、用户界面模块160和内容浏览器180等。还提供总线和/或互连190以使用例如通信模块140来允许设备间和设备内通信。根据本公开内容，没有在图2的示意性框图中反映的其他组件和功能将很容易变得很清楚，并且应当理解，要求保护的发明并不意在限于任何特定架构或者硬件配置。比如，在包括多个附加计算设备100'的实施例中，附加计算设备100'中的一个或多个计算设备可以具有与图2中图示用于计算设备100的不同的系统架构。因此，虽然在图2中图示了与计算设备100关联的示例子组件，然而考虑到这样的设备可以具有不同的架构，图示了多个附加计算设备100'。

可以使用任意合适的处理器来实现处理器110，并且处理器110可以包括一个或多个协处理器或者控制器，诸如图形处理单元或者音频处理器，以辅助控制和处理与计算系统100关联的操作。同样，可以使用任意合适类型的数字存储装置来实现存储器120，诸如磁盘驱动器、通用串行总线(USB)驱动器、闪速存储器、随机存取存储器或者上述各项的任意合适的组合中的一个或多个。存储器120可以用于例如存储用于控制内容在显示设备170上的外观的显示配置信息和/或通知消息。可以使用允许到网络500和/或其他计算设备和资源的有线或者无线连接的任意适当的网络芯片或者芯片集来实现通信模块140。网络500可以是局域网(诸如基于家庭的或者办公网络)、广域网(诸如因特网)、或者公有的、私有的或者公有的和私有的这样的网络的组合。在一些情况下，到给定网络或者计算系统上的资源的访问可能需要证书，诸如用户名、口令或者任何其他合适的安全机制。

操作系统150可以包括任意合适的操作系统，诸如GoogleAndroid(加尼福尼亚州山景城的Google公司)、MicrosoftWindows(华盛顿州雷德蒙德的Microsoft公司)或者AppleOSX(加尼福尼亚州库比提诺的Apple公司)。如根据本公开内容将理解的，可以在不考虑结合计算设备100提供的特定操作系统的情况下来实现本文中所提供的技术，并且因此还可以使用任何合适的现有的或者随后开发的平台来实现本文中所提供的技术。在一个实施例中，操作系统150管理用于控制诸如显示设备170等硬件的操作的一个或多个设备驱动器。操作系统150还可以被配置为提供支持例如用户界面模块160、内容浏览器180和运行在计算设备100上的其他应用的功能和服务。

用户界面模块160提供可以用于配置与网络化计算机系统1000关联的各种子组件(诸如一个或多个内容浏览器180以及一个或多个显示设备170)的用户界面。特别地，用户界面模块160可以用于配置内容浏览器180如何渲染所接收的内容，并且特别地用于定义应当在由内容浏览器180生成的浏览器窗口中显示所接收的内容的什么空间部分。这一配置可以取决于例如对应的显示设备170在复合显示设备阵列170'中的位置。在一个实施例中，特定的计算设备100能够仅配置与该特定设备关联的子组件。然而，在备选实施例中，特定的计算组件100还能够配置与多个附加的计算设备100'关联的子组件。

通常，内容浏览器180可以被理解为包括能够检索和渲染从存储资源(诸如由内容服务器200托管的内容储存库220)获得的数字内容的软件应用。在一种特定实施例中，内容浏览器180是能够渲染使用超文本标记语言(HTML)协议编码和传输的内容的web浏览器。这样的协议的示例包括HTML5、WebSocket和Web实时通信(WebRTC)。在另一实施例中，内容浏览器180选自包括web浏览器、电子邮件阅读器、新闻阅读器、词语处理应用和电子商务店面应用的群组。在其他实施例中，可以使用其他类型的软件应用来检索和渲染内容。应当理解，本文中所公开的实施例可以被配置为与各种现有的和随后开发的内容浏览器一起工作。例如，虽然图1指出计算设备100具有在其上执行的单个内容浏览器，然而在备选实施例中，多个内容浏览器可以同时运行在计算设备上。因为多个显示设备中的每个可以与多个内容浏览器中的一个内容浏览器关联，所以这样的实现方式可以是有利的，其中计算设备100还与多个显示设备关联。

在某些实施例中，内容浏览器180包括存储在由内容浏览器180管理的本地存储资源184中的配置设置182。在备选实施例中，配置设置182可以存储在不同的位置，诸如在存储器120中。不管它们的存储位置如何，可以将配置设置182理解为定义所接收的数字内容项的概念子区域——通常被称为视口或区片，其中应当在由内容浏览器180生成的浏览窗口中显示概念子区域。视口定义可以依赖于例如关联的显示设备170在复合显示设备阵列170'中的位置。在一个实施例中，配置设置182定义要在对应的浏览器窗口中显示的单个区片，而在其他实施例中，配置设置182定义可以同时在单个浏览器窗口的不同区域中(诸如在不同的浏览器窗口帧中)显示的多个区片。

图1A和1B在概念上图示配置设置182可以如何用于定义数字内容项(诸如网页)的概念子区域。特别地，图1A是图示在浏览器窗口3000中显示的网页的截图，浏览器窗口3000在概念上分段成左侧区片和右侧区片。图1B是图示图1A的网页的截图，其中网页的第一部分在与浏览器1对应的第一浏览器窗口3100中被显示，并且其中网页的第二部分在与浏览器2对应的第二浏览器窗口3200中被显示。在这样的实现中，浏览器1包括第一配置设置，该第一配置设置定义图1A中图示的左侧区片的尺寸和位置，并且因此定义网页的什么部分将出现在浏览器1中。同样地，浏览器2包括第二配置设置，该第二配置设置定义图1A中图示的右侧区片的尺寸和位置，并且因此定义网页的什么部分将出现在浏览器2中。在某些实施例中，在配置设置182中建立的尺寸和位置取决于在其上显示对应的浏览器窗口的显示设备的尺寸和位置。虽然图1A和图1B中图示了仅两个区片和2个浏览器窗口，然而通常可以对于使用被布置成复合显示器的对应显示设备显示的对应内容浏览器，来建立任何合适数量的配置设置182。

在某些实施例中，内容浏览器180还包括突变观测器186。突变观测器186被配置为检测由内容浏览器180渲染的数字内容的变化。在一些情况下，可以响应于与数字内容的用户交互(例如用户在显示内容内滚动或者与活动内容交互)而出现这样的变化。在其他情况下，这样的变化可以独立于任何用户动作而出现，诸如凭借时间的逝去、动画序列的播放或者某个外部事件的检测而出现。不考虑变化的原因，在这样的实施例中，突变观测器186被配置为检测与数字内容关联的DOM和/或CSS的变化。突变观测器186还可以被配置为将所检测的变化记录在可以经由WebSocket连接或者直接对等网络向其他内容浏览器传输的一个或多个通知消息。因此，可以向可能没有检测到这样的变化的其他内容浏览器传输在一个内容浏览器处检测的变化，以便部分或者完全同步显示器的外观。

仍然参考图2中图示的示例实施例，网络化计算机系统1000可选地包括内容服务器200。内容服务器200托管其中存储有一个或多个内容项222的内容储存库220。在这样的实施例中，内容服务器200可以被理解为包括被配置为托管内容并且向一个或多个计算设备100递送托管的内容的一个或多个企业级设备。虽然图2中仅图示一个内容服务器200，然而应当理解，一般几十个、几百个、几千个或者更多的联网的内容服务器200可以提供内容托管和递送功能。在又一实施例中，内容服务器200被省略，并且内容项本地存储在由计算设备100提供的存储器120中，并且经由对等网络向附加计算设备100'传输。

网络化计算机系统1000还可选地包括配置管理器300，配置管理器300可以被配置为生成和/或管理与对应的多个内容浏览器180和显示设备170关联的多个配置设置182。在这样的实施例中，配置管理器300提供用户界面模块360，用户界面模块360可以用于定义复合显示设备阵列170'的特性并且特别地定义包括阵列170'的单个显示设备170的各个尺寸和位置。基于经由用户界面模块360接收的输入，配置管理器300生成向多个计算设备100并且特别地向多个内容浏览器180分发的配置设置182。配置设置182还可选地存储在由配置管理器300托管的配置储存库320中。虽然每个内容浏览器180可以单独被配置，然而配置管理器300的使用促进通过使得所有或者几乎所有配置能够经由单个用户界面出现来建立阵列170'。

在一个实施例中，与配置管理器300关联的功能可以由还用于控制用于渲染数字内容的显示设备中的一个显示设备的计算设备来提供。在备选实施例中，配置功能由不控制用于渲染数字内容的显示设备之一的专用计算设备来提供。例如，在一个这样的备选实施例中，配置管理器300包括台式计算机、膝上型计算机、工作站、平板计算机、智能电话、手持式计算机、机顶盒、企业级服务器设备、或者被配置为提供本文中被描述为与配置管理器300关联的功能的其他合适的计算设备。配置管理器300还可选地包括广播模块340，其能够向附加计算设备100'传输由突变观测器186生成的上述通知消息。

可以用各种形式的硬件、软件、固件或者专用处理器来实现本文中所公开的实施例。例如，在一个实施例中，非瞬态计算机可读介质具有在其上编码的指令，这种指令在由一个或多个处理器执行时引起本文中所公开的数字内容渲染方法中的一个或多个被实现。可以使用一种或多种合适的编程语言(诸如C、C++、面向对象的C、JavaScript、VisualBasic、.NET、BASIC)或者备选地使用定制或者专用指令集合来对这些指令编码。这样的指令可以以一个或多个计算机软件应用或小程序的形式来提供，该一个或多个计算机软件应用或小程序在存储器设备上有形地实施并且可以由具有任何合适的架构的计算机来执行。在一个实施例中，系统可以托管在给定网站上并且使用JavaScript或者另一合适的基于浏览器的技术来实现。

本文中所公开的功能可以可选地被并入到各种不同的软件应用中，诸如操作系统、设备配置管理器、呈现应用、web浏览器和能够渲染HTML内容的其他应用。例如，web浏览器可以被配置为包括多屏幕模式，在多屏幕模式中，渲染的内容被分段并且被显示在出现在分离的显示屏幕上的分离的窗口中。或者在另一实施例中，操作系统被配置为提供与配置管理器300关联的功能，使得在web浏览器被调用时，或者在HTML内容被渲染时，可以基于与复合显示器关联的用户定义的配置来对这样的内容分段。因此，在一些实现中，可以在单个应用的基础上提供本文中所描述的功能，而在其他实施例中，可以由操作系统向平衡由操作系统提供的资源和/或设备配置的多个应用提供这样的功能。本文中所公开的计算机系统可以包括大量不同的模块、子模块或者不同功能的其他组件，并且可以向其他组件和服务提供信息或者从其他组件和服务接收信息。这些模块可以用于例如与附加计算设备100'、内容服务器200、配置管理器300或者其他外部组件通信。根据本公开内容，图示中没有反映的其他组件和功能将变得很清楚，并且应当理解，本公开内容并非意在限于特定硬件或者软件配置。因此，在其他实施例中，图2图示的组件可以包括另外的、更少的或者备选的子组件。

上述非瞬态计算机可读介质可以是用于存储数字信息的任何合适的介质，诸如硬盘驱动器、服务器、闪速存储器、或者随即存取存储器。在备选实施例中，本文中所公开的计算机和模块可以用软件来实现，包括门级逻辑(诸如现场可编程门阵列(FPGA))、或者备选地包括特定用途的半导体(诸如专用集成电路(ASIC))。其他实施例可以用具有用于接收和输出数据的大量输入/输出端口以及用于执行本文中所公开的各种功能的大量嵌入式例程的微控制器来实现。应当理解，可以使用硬件、软件和固件的任意合适的组合，并且本公开内容并非意在限于任何特定的系统架构。

方法论

图4是图示能够将数字内容分段成跨多个应用窗口显示的多个区片的示例数字内容渲染方法2000的流程图。图5是示意性地图示在数字内容被分段成跨多个应用窗口显示的多个区片时出现的示例数据流的数据流程图。可见，数字内容渲染方法2000包括大量阶段和子过程，其序列可以从一个实施例到另一实施例而变化。然而，当在聚合中考虑时，根据本文中所公开的实施例中的某些实施例，这些阶段和子过程形成的响应用户输入的完整的数字内容渲染过程。这些方法论可以使用例如图2中图示的系统架构来实现。然而在其他实施例中可以使用其他系统架构，这一点根据本公开内容将很清楚。为此，图4和5所示的各种功能与图2中图示的特定组件的相关性并非意在暗示任何结构和/或用途限制。其他实施例可以包括其中多个功能有一个系统或者由分离的系统来执行的不同程度的集成。比如，在备选实施例中，与配置管理器300关联的功能可以并入到计算设备100中。因此，其他实施例可以取决于实现的粒度而具有更少或者更多模块和子模块。大量变型和备选配置根据本公开内容将很清楚。

仍然参考图4和5，示例数字内容渲染方法2000从接收显示配置设置的多个内容浏览器中的每个内容浏览器开始。参见图4中的参考标记2110。可以从一个或多个大量不同的源来接收显示配置设置，诸如从内容浏览器在其中运行的计算设备的本地存储器资源来接收，从通过由内容浏览器在其中运行的计算设备提供的用户界面模块接收的用户输入来接收，或者从外部配置管理器来接收。图5图示其中配置管理器300向不同的计算设备传输不同的显示配置设置的示例实施例。如图2所示，配置管理器300可以经由用户界面模块360获得配置设置并且将配置设置高速缓存在配置储存库320中。配置管理器300在第一传输10a中向第一计算设备100a传输第一配置设置182a，并且在第二传输10b中向第二计算设备100b传输第二配置设置182b。在这样的实施例中，配置储存库320可以使得配置设置182a、182b的每个集合与显示器标识符相关联，该显示器标识符标识应当向其发送配置设置的特定显示设备(并且因此标识计算设备100a、100b)。如本文中所描述的，配置设置通常可以被理解为定义可以向数字内容项应用的视口或者区片，该数字内容项要由特定内容浏览器显示。在这样的实施例中，区片配置取决于形成复合显示器的一部分的特定显示设备的尺寸和位置。

数字内容渲染方法2000附加地或者备选地从接收公共内容项的多个内容浏览器中的每个内容浏览器开始。参见图4中的参考标记2120。在一个实施例中，从内容服务器传输内容项，而在备选实施例中，从一个或多个其他源接收内容项，或者从内容浏览器在其中运行的计算设备的本地存储器资源检索内容项。图5图示示例实施例，其中内容服务器200在第一传输20a中向第一计算设备100a传输内容项222，并且在第二传输20b中向第二计算设备100b传输相同的内容项222。在备选实施例中，内容服务器200经由广播传输同时向第一和第二计算设备100a、100b传输内容项222。虽然图4指示在某些实施例中在接收内容项之前接收显示配置设置，然而应当理解，这样的数据传输的顺序通常不是关键的，并且其他实施例中可以按照其他顺序或者同时地出现。

一旦多个内容浏览器已经接收公共内容项和浏览器特定的配置设置，则可以根据对应的配置设置来在每个浏览器处渲染内容项。参见图4中的参考标记2130。比如，在图5中图示的示例实施例中，计算设备100a根据配置设置182a来渲染内容项222，而计算设备100b根据配置设置182b来渲染内容项222。特别地，当内容浏览器加载HTML内容时，浏览器窗口的视口可以被适配成与在所接收的配置设置中规定的视口对应。这可以例如使用CSS转换来实现。因此，虽然内容浏览器加载整个内容项，然而仅所加载的内容项的一部分在浏览器窗口中可见。通常，例如如图1B所示，由于配置设置定义具有根据形成复合显示器的一部分的特定显示设备调整的尺寸和位置的区片，所以结果是可选地显示在多个显示设备上的内容项跨多个浏览器窗口的统一的外观。

可能的是，在多个内容浏览器窗口中渲染内容项之后，修改内容项。这样的修改可以响应于与数字内容的用户交互(例如通过用户滚动活动内容或者与活动内容交互)而发生。这在包括复合显示器的显示设备包括触摸敏感表面的情况下尤其很有可能。然而，即使没有触摸敏感显示器，内容修改可以独立于任何用户动作而发生，诸如凭借时间的逝去、动画对象的存在或者某个外部事件的检测而发生。不考虑变化的原因，这样的修改可以仅在一些内容浏览器处检测。例如，如果用户通过在包括复合显示器的多个触摸敏感显示设备中的一个触摸敏感显示设备上做出滑动手势来尝试滚动通过页面，则可以仅在用户与其交互的一个显示设备处检测该手势。然而，修改后的内容外观由于滚动应当很可能在多个显示设备上被反映。因此，本文所公开的实施例中的某些实施例包括这样的技术：用于检测内容修改以及从其中检测到这样的修改的内容浏览器(本文中被称为“检测的浏览器”)到其中应当反映这样的修改的其他内容浏览器(本文中被称为“响应的浏览器”)来传播这样的修改。这允许能够模拟对内容项的同步访问。

根据以上内容，在某些实施例中，每个内容浏览器包括被配置为检测由内容浏览器渲染的内容中的修改的突变观测器。参见图4中的参考标记2140。例如，突变观测器可以被配置为观测定义内容项的结构的DOM。可以使用为唯一地标识修改后的元素的(例如使用与修改后的元素关联的统一资源定位符(URL))数据属性来注释DOM中被修改的元素。因此，例如，如果DOM元素由于与内容项的用户交互而被修改或者被去除，则突变观测器可以被配置为标识修改的或者去除的元素。突变观测器还可以被配置为检测的DOM元素的计算的样式的变化，并且在这样的实施例中，突变观测器因此还响应于被渲染的内容的CSS变化。可以引起计算的样式的变化的事件的一个示例是与滚动面板对象的用户交互，其并不一定改变其补助，但是可能导致修改后的计算的样式属性。在样式属性的变化是从一个状态到另一状态的转变时，可以执行请求和渲染多个动画帧的循环直到动画结束。这使得多个内容浏览器能够渲染动画的中间状态。

一旦标识内容修改，则突变观测器还可以被配置为生成要从检测的浏览器向一个或多个响应的浏览器发送的通知消息。参见图4中的参考标记2150。在一个实施例中，这样的通知标识一个或多个改变的元素并且定义一个或多个对应的修改。图6A图示从检测的浏览器向一个或多个响应的浏览器传输的示例CSS突变通知188。如图示，CSS突变通知188包括标识变化的元素的第一名称值对188a和定义应当应用于该元素的修改的第二名称值对188b。图6B图示从检测的浏览器向一个或多个响应的浏览器传输的示例DOM突变通知189。如所图示的，DOM突变通知189包括标识变化的元素的第一名称值对189a和定义应当应用于该元素的修改的第二名称值对189b。

通常，突变通知经由网络连接向响应的浏览器发送，该网络连接足够快，以使得在响应的浏览器处做出的更新能够彼此基本上同时出现并且与在检测的浏览器处做出的更新基本上同时出现。同步或者异步调用对于这一目的而言趋向于太慢，并且因此在一个实施例中，通信模块140被配置为经由WebSocket连接来向分发服务器传输一个或多个突变通知。参见图4中的参考标记2160。分发服务器向一个或多个响应的浏览器广播通知。参考图4中的参考标记2162。在一个特定实现方式中，安装在配置管理器300处的广播模块340用作用于突变通知的分发服务器，而在其他实现中，在这点上使用专用分发服务器。图5中在概念上图示了这样的WebSocket广播通知实施例30，其中WebSocket突变通知188'初始在第一WebSocket传输30a中从计算设备100a(与检测的浏览器关联)向配置管理器300传输，并且随后在第二WebSocket传输30b中从配置管理器300向计算设备100b(与响应的浏览器关联)传输。

在备选实施例中，通信模块140被配置为通过在浏览器之间建立对等或者socket连接来从检测的浏览器向一个或多个响应的浏览器传输一个或多个突变通知。参考图4中的参考标记2170。图5中还在概念上图示了这样的对等广播通知实施例40，其中对等突变通知188”经由对等连接从计算设备100a(与检测的浏览器关联)向计算设备100b(与响应的浏览器关联)传输。不管如何从检测的浏览器向一个或多个响应的浏览器传输突变通知，响应的浏览器可以被配置为基于所接收的突变通知来修改内容项的外观。参见图4中的参考标记2180。

结论

大量变型和配置根据本公开内容将很清楚。比如，一个示例实施例提供一种用于渲染数字内容的方法。所述方法包括：在计算设备上运行内容浏览器。所述内容浏览器被配置为在显示设备上渲染浏览器窗口，所述显示设备(a)可操作地耦合到所述计算设备并且(b)形成复合显示器的一部分。所述方法还包括：由所述内容浏览器接收显示配置，所述显示配置定义所述复合显示器中的与所述显示设备对应的子区域。所述方法还包括：由所述内容浏览器接收内容项。所述方法还包括：在所述浏览器窗口中渲染所述内容项的一部分。被渲染的所述内容项的一部分对应于所述复合显示器的所述子区域。在一些情况下，经由设置在所述浏览器窗口中的用户输入来接收所述显示配置。在一些情况下，经由网络连接从配置管理器来接收所述显示配置。在一些情况下，所述方法还包括：运行在所述计算设备上第二内容浏览器。所述第二内容浏览器被配置为在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口。在一些情况下，所述内容浏览器是web浏览器，并且所述内容项是使用超文本标记语言(HTML)编码的网页。在一些情况下，所述方法还包括：(a)在所述内容项的一部分被渲染之后，检测对包括所述内容项的元素的修改；以及(b)生成突变通知，所述突变通知表征所述修改并且标识所述修改应用于的所述元素。在一些情况下，所述方法还包括：(a)检测对定义所述内容项的结构的文档对象模型的修改；以及(b)生成表征所述修改的突变通知。在一些情况下，所述方法还包括：(a)运行在第二计算设备上第二内容浏览器，其中所述第二内容浏览器被配置为在也形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口；(b)由所述第二内容浏览器接收定义所述复合显示器的第二子区域的第二显示配置；(c)由所述第二内容浏览器接收所述内容项；以及(d)在所述第二浏览器窗口中渲染所述内容项的第二部分，其中所述内容项的所述第二部分对应于所述复合显示器的所述第二子区域。

另一示例实施例提供一种用于渲染数字内容的系统。所述系统包括：被配置为在形成复合显示器的一部分的第一显示设备上渲染第一浏览器窗口的第一内容浏览器。所述第一浏览器窗口显示包括一个或多个元素的内容项的第一区片。所述系统还包括：被配置为在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口的第二内容浏览器。所述第二浏览器窗口显示所述内容项的第二区片。所述系统还包括：被配置为检测所述内容项的所述第一区片中的修改并且生成突变通知的突变观测器，所述突变通知表征所述修改并且标识所述修改应用于的元素。所述第一内容浏览器还被配置为向所述第二内容浏览器发送所述突变通知。所述第二内容浏览器还被配置为基于所述突变通知来修改如在所述第二显示设备上显示的所述第二区片的外观。在一些情况下，(a)所述内容项是使用超文本标记语言编码的网页；以及(b)所述内容项的所述第一区片中的所述修改是对定义所述内容项的结构的文档对象模型的修改。在一些情况下，(a)所述内容项是网页；以及(b)所述第一内容浏览器和所述第二内容浏览器被配置为从内容服务器接收所述网页。在一些情况下，(a)所述内容项的所述第一区片由显示配置定义；以及(b)所述第一内容浏览器还被配置为从配置管理器接收所述显示配置。在一些情况下，所述系统还包括：配置管理器，所述配置管理器被配置为接收分别定义所述第一区片和所述第二区片的第一显示配置和第二显示配置。在一些情况下，(a)所述内容项是使用超文本标记语言编码的网页；以及(b)所述突变通知定义层叠样式表(CSS)转换。

另一示例实施例提供一种具有在其上编码的指令的非瞬态计算机可读介质，所述指令在由一个或多个处理器执行时引起数字内容渲染过程被执行。所述过程包括：在形成复合显示器的一部分的第一显示设备上渲染第一浏览器窗口。所述第一浏览器窗口显示包括一个或多个元素的内容项的第一区片。所述过程还包括：在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口，其中所述第二浏览器窗口显示所述内容项的第二区片。所述过程还包括：在所述第一浏览器窗口处检测对包括所述内容项的所述元素中的一个元素的修改。所述过程还包括：由突变观测器来生成突变通知，所述突变通知表征所述修改并且标识所述修改应用于的元素。所述过程还包括：响应于处理所述突变通知来修改所述内容项在所述第二浏览器窗口中的外观。在一些情况下，所述数字内容渲染过程还包括：(a)经由所述第一浏览器窗口接收定义所述第一区片的第一显示配置和定义所述第二区片的第二显示配置；以及(b)向渲染所述第二浏览器窗口的内容浏览器传输搜索第二显示配置。在一些情况下，所述第一显示设备包括触摸敏感表面；并且(b)检测所述修改还包括检测使用所述触摸敏感表面做出的滚动手势。在一些情况下，所述数字内容渲染过程还包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器。在一些情况下，(a)所述数字内容渲染过程还包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器；以及(b)经由对等通信来发送所述突变通知。在一些情况下，(a)所述数字内容渲染过程还包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器；(b)从所述第一计算设备向服务器发送所述突变通知；以及(c)从所述服务器向所述第二计算设备发送所述突变通知。

已经出于图示和描述的目的呈现以上详细描述。其并非旨在穷举或者将本发明限于所描述的精确形式。很多修改和变型根据本公开内容是可能的。其旨在，本发明的范围不受该详细描述的限制，而受所附权利要求的限制。

Claims (20)

1.一种用于渲染数字内容的方法，所述方法包括：

在计算设备上运行内容浏览器，其中所述内容浏览器被配置为在显示设备上渲染浏览器窗口，所述显示设备(a)可操作地耦合到所述计算设备并且(b)形成复合显示器的一部分；

由所述内容浏览器接收显示配置，所述显示配置定义所述复合显示器中的对应于所述显示设备的子区域；

由所述内容浏览器接收内容项；并且

在所述浏览器窗口中渲染所述内容项的一部分，其中被渲染的所述内容项的所述一部分对应于所述复合显示器的所述子区域。

2.根据权利要求1所述的方法，其中经由所述浏览器窗口中提供的用户输入来接收所述显示配置。

3.根据权利要求1所述的方法，其中经由网络连接从配置管理器接收所述显示配置。

4.根据权利要求1所述的方法，进一步包括在所述计算设备上运行第二内容浏览器，其中所述第二内容浏览器被配置为在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口。

5.根据权利要求1所述的方法，其中所述内容浏览器是web浏览器，并且所述内容项是使用超文本标记语言(HTML)编码的网页。

6.根据权利要求1所述的方法，进一步包括：

在所述内容项的所述一部分被渲染之后，检测对包括所述内容项的元素的修改；并且

生成突变通知，所述突变通知表征所述修改并且标识所述修改应用于的所述元素。

7.根据权利要求1所述的方法，进一步包括：

检测对定义所述内容项的结构的文档对象模型的修改；并且

生成表征所述修改的突变通知。

8.根据权利要求1所述的方法，进一步包括：

在第二计算设备上运行第二内容浏览器，其中所述第二内容浏览器被配置为在也形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口；

由所述第二内容浏览器接收定义所述复合显示器的第二子区域的第二显示配置；

由所述第二内容浏览器接收所述内容项；并且

在所述第二浏览器窗口中渲染所述内容项的第二部分，其中所述内容项的所述第二部分对应于所述复合显示器的所述第二子区域。

9.一种用于渲染数字内容的系统，所述系统包括：

第一内容浏览器，所述第一内容浏览器被配置为在形成复合显示器的一部分的第一显示设备上渲染第一浏览器窗口，其中所述第一浏览器窗口显示包括一个或多个元素的内容项的第一区片；

第二内容浏览器，所述第二内容浏览器被配置为在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口，其中所述第二浏览器窗口显示所述内容项的第二区片；以及

突变观测器，所述突变观测器被配置为检测所述内容项的所述第一区片中的修改并且生成突变通知，所述突变通知表征所述修改并且标识所述修改要被应用于的元素；

其中所述第一内容浏览器被进一步配置为向所述第二内容浏览器发送所述突变通知；以及

其中所述第二内容浏览器被进一步配置为基于所述突变通知来修改如在所述第二显示设备上显示的所述第二区片的外观。

10.根据权利要求9所述的系统，其中：

所述内容项是使用超文本标记语言编码的网页；以及

所述内容项的所述第一区片中的所述修改是对定义所述内容项的结构的文档对象模型的修改。

11.根据权利要求9所述的系统，其中：

所述内容项是网页；以及

所述第一内容浏览器和所述第二内容浏览器被配置为从内容服务器接收所述网页。

12.根据权利要求9所述的系统，其中：

所述内容项的所述第一区片由显示配置定义；以及

所述第一内容浏览器被进一步配置为从配置管理器接收所述显示配置。

13.根据权利要求9所述的系统，进一步包括配置管理器，所述配置管理器被配置为接收分别定义所述第一区片和所述第二区片的第一显示配置和第二显示配置。

14.根据权利要求9所述的系统，其中：

所述内容项是使用超文本标记语言编码的网页；以及

所述突变通知定义层叠样式表(CSS)转换。

15.一种具有在其上编码的指令的非瞬态计算机可读介质，所述指令在由一个或多个处理器执行时引起数字内容渲染过程被执行，所述过程包括：

在形成复合显示器的一部分的第一显示设备上渲染第一浏览器窗口，其中所述第一浏览器窗口显示包括一个或多个元素的内容项的第一区片；

在形成所述复合显示器的一部分的第二显示设备上渲染第二浏览器窗口，其中所述第二浏览器窗口显示所述内容项的第二区片；

在所述第一浏览器窗口处检测对所述元素中的包括所述内容项的一个元素的修改；

由突变观测器来生成突变通知，所述突变通知表征所述修改并且标识所述修改应用于的所述元素；并且

响应于处理所述突变通知，修改所述第二浏览器窗口中的所述内容项的外观。

16.根据权利要求15所述的非瞬态计算机可读介质，其中所述数字内容渲染过程进一步包括：

经由所述第一浏览器窗口接收定义所述第一区片的第一显示配置和定义所述第二区片的第二显示配置；并且

向渲染所述第二浏览器窗口的内容浏览器传输所述第二显示配置。

17.根据权利要求15所述的非瞬态计算机可读介质，其中：

所述第一显示设备包括触摸敏感表面；并且

检测所述修改进一步包括检测使用所述触摸敏感表面做出的滚动手势。

18.根据权利要求15所述的非瞬态计算机可读介质，其中所述数字内容渲染过程进一步包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器。

19.根据权利要求15所述的非瞬态计算机可读介质，其中：

所述数字内容渲染过程进一步包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器；以及

经由对等通信来发送所述突变通知。

20.根据权利要求15所述的非瞬态计算机可读介质，其中：

所述数字内容渲染过程进一步包括从第一计算设备向第二计算设备发送所述突变通知，所述第一计算设备执行渲染所述第一浏览器窗口的第一内容浏览器，所述第二计算设备执行渲染所述第二浏览器窗口的第二内容浏览器；

从所述第一计算设备向服务器发送所述突变通知；以及

从所述服务器向所述第二计算设备发送所述突变通知。