显示内容的方法和实现所述方法的电子设备技术

提出了一种电子设备。所述电子设备包括：存储器，配置为存储内容；显示器，配置为在屏幕上显示已经确定了版面的内容的至少一部分；以及控制器，配置为确定所述内容的至少一个组成部分作为第一主要组成部分，并且确定所述内容的版面宽度，使得所述第一主要组成部分的宽度小于或等于所述屏幕的视口宽度。

【技术实现步骤摘要】

本公开涉及可以显示内容的电子设备。
技术介绍
通常，诸如智能电话、平板个人计算机(PC)等之类的电子设备可以在屏幕上显示内容(例如，电子文档)。此时，电子文档(例如网页)可以大于屏幕，因此只能在屏幕上显示电子文档的一部分。电子设备可以响应于用户输入(例如，通过触摸屏上的输入体(例如，手指、笔等)进行拖曳)来移动网页的显示区域，并且显示网页的另一部分。以上信息只是作为背景信息来辅助理解本公开。并不是做出判断或者承认以上任意内容可以应用为相对于本公开的现有技术。
技术实现思路
例如，按照层叠式样式表(CSS)或超文本链接标示语言(HTML)来实现网页。电子设备可以基于屏幕(换句话说，视口(viewport))的宽度(幅宽)来重排和显示网页的组成部分。通常根据屏幕宽度大于高度的台式个人计算机(PC)的环境来限定重排方法。然而，因为宽度和高度在移动环境中是灵活的(例如，因为用户通过屏幕旋转可以颠倒宽度和高度)，存在通过普通重排方法不能满足的目标。为了满足这些目的，可以使用下面的重排方法。例如，可以使用诸如固定版面、视口元标签或设备缩放因子之类的技术。固定版面：当便携设备处于人像模式时(也就是说，放置屏幕使得宽度小于高度)，可以将网页的组成部分放置为垂直方向较长。相反，当便携设备处于横向风景模式时，可以将网页的组成部分放置为水平方向较长。然而与模式切换无关，可能需要固定网页的宽度。例如，可以将<br>根据经验获得的980像素(px)定义为网页的版面宽度。视口元标签：当将标签“<metaname＝′viewport′content＝′width＝device-width′>”添加至网页时，便携设备可以配置为网页的版面，使得所述网页的版面宽度适合所述屏幕的视口宽度，并且显示所述网页。缩放因子：便携设备可以具有高分辨率屏幕。例如，尽管第一便携设备和第二便携设备具有相同的屏幕尺寸，第二便携设备可以实现与第一便携设备相比更高的分辨率。一些网页可以排列和显示为适合第一便携设备的屏幕的宽度(也就是说视口宽度和版面宽度是相同的)，并且可以设置和显示为比第二便携设备中的屏幕的宽度窄(即，视口宽度窄于版面宽度)。也就是说，第二便携设备的屏幕可以具有空白区。因此，第二便携设备可以控制缩放因子以减小分辨率并且显示网页。例如，当设备的分辨率是640x960时，如果缩放因子(即相应设备的像素比率)配置为2时，设备的逻辑尺寸是320x480。也就是说，视口宽度逻辑地从640减小至320。因此，相应的设备可以按照与具有320x480的分辨率的设备相同的方式来显示网页。根据以上技术，没有足够地考虑各种电子设备的属性(例如分辨率)的网页可能按照不适于电子设备的属性(例如，分辨率)的格式来显示内容。具体地，高分辨率设备(例如16∶9，16∶10)的屏幕可能具有空白区。例如，具有16∶10的分辨率2560x1600的设备的缩放因子可以配置为2或2.5。当缩放因子配置为2时，屏幕的逻辑尺寸是1280x800。“1280”可能不适于表达网页。例如，当相应的设备处于横向风景模式(即，1280配置为宽度)并且网页的宽度是980时，屏幕可以在左侧和右侧上具有空白区。当缩放因子配置为2.5时，屏幕的逻辑尺寸可以是1024*640。“640”可能不适于表达网页。例如，当相应的设备处于人像模式(即，640配置为宽度)并且网页的宽度是980时，屏幕不具有空白区，但是只可以在屏幕上显示网页的一部分。同时，可以将内容划分为多个区域(换句话说，组成部分)。可以将所述组成部分的至少一个分类为主要组成部分。例如，在网页的文章和广告之间，可以将文章分类为主要组成部分。本公开的多个方面是为了至少解决上述问题和/或缺点，并且为了至少提供下述优点。因此，本公开的一个方面是为了提供一种根据屏幕尺寸来自适应地显示内容的方法和实现所述方法的电子设备。本公开的另一个方面是为了提供一种首先显示内容的主要组成部分的方法和实现所述方法的电子设备。根据本公开的一个方面，提供了一种电子设备。所述电子设备包括：电子存储器，配置为存储内容；显示器，配置为在屏幕上显示已经确定了版面的内容的至少一部分；以及控制器，配置为：确定所述内容的至少一个组成部分作为主要组成部分，并且确定所述内容的版面宽度，使得所述主要组成部分的宽度窄于或等于屏幕的视口宽度。根据本公开的另一个方面，提供了一种在电子设备中显示内容的方法。所述方法包括：确定内容的版面；确定所述内容的至少一个组成部分作为主要组成部分；确定所述内容的版面宽度，使得所述主要组成部分的宽度窄于或等于屏幕的视口宽度；以及在所述屏幕上显示所述内容的主要组成部分。根据本公开的各种实施例，可以首先向用户显示内容的组成部分中重要的主要组成部分。另外，可以与主要组成部分一起显示多个附加信息。此外，当用户滚动内容时，根据本公开各种实施例的方法和电子设备可以防止主要组成部分的左右边界脱离所述屏幕的左右两侧，从而向用户提供主要以主要组成部分为基础观看内容的便利性。另外，当用户要放大的目标与主要组成部分相对应时，根据本公开各种实施例的方法和电子设备可以自动地扩大主要组成部分以适合屏幕宽度，从而向用户提供主要以主要组成部分为基础观看内容的便利性。根据结合附图公开了本公开各种实施例的以下详细描述，本公开的其他方面、优势和显著特征对于本领域普通技术人员将是清楚明白的。附图说明根据结合附图进行的以下详细描述，本公开某些实施例的以上和其他目的、特征和优势将变得更加清楚明白，其中：图1是示出了根据本公开各种实施例的电子设备的结构的方框图；图2是示出了根据本公开各种实施例的内容显示方法的流程图；图3示出了根据本公开各种实施例的内容版面的示例和确定主要组成部分的方法；图4示出了根据本公开另一个实施例的内容版面的另一个示例和确定主要组成部分的方法；图5A和5B示出了根据本公开实施例的内容版面的另一个示例和重新配置内容版面的方法；图6示出了根据本公开实施例的内容版面的另一个示例和不适于主要组成部分的示例；图7A和7B示出了根据本公开实施例的用于描述版面重新配置方法的屏幕；图8A和8B示出了根据本公开实施例的用于描述放大网页中的主要组成部分的方法的屏幕；图9A至9D示出了根据本公开实施例的用于描述在网页中临近主要组成部分存在的空本文档来自技高网...

【技术保护点】
一种在电子设备中显示内容的方法，所述方法包括：确定内容的版面；确定所述内容的至少一个组成部分作为第一主要组成部分；确定所述内容的版面宽度，使得所述第一主要组成部分的宽度窄于或等于屏幕的视口宽度；以及在所述屏幕上显示所述内容的第一主要组成部分。

【技术特征摘要】
2015.01.06 KR 10-2015-00010651.一种在电子设备中显示内容的方法，所述方法包括：
确定内容的版面；
确定所述内容的至少一个组成部分作为第一主要组成部分；
确定所述内容的版面宽度，使得所述第一主要组成部分的宽度窄于
或等于屏幕的视口宽度；以及
在所述屏幕上显示所述内容的第一主要组成部分。
2.根据权利要求1所述的方法，还包括：
当存在临近所述第一主要组成部分的第二组成部分时，确定所述第
二组成部分的属性是否满足预设条件；
当所述第二组成部分满足所述预设条件时，确定所述第二组成部分
作为第二主要组成部分；
重新确定所述版面宽度，使得所述第一主要组成部分的宽度和所述
第二主要组成部分的宽度窄于或等于所述视口宽度；以及
在所述屏幕上显示已经重新确定了版面宽度的所述内容的第一主
要组成部分和第二主要组成部分。
3.根据权利要求2所述的方法，其中确定所述第二组成部分作为第
二主要组成部分包括：当所述第二组成部分的宽度、面积、位置和类型
中的至少一个满足所述预设条件时，确定所述第二组成部分作为所述第
二主要组成部分。
4.根据权利要求2所述的方法，还包括：
通过去除所述第一主要部分和所述第二主要组成部分之间的空白
区来确定所述第一主要组成部分的宽度和所述第二主要组成部分的宽
度。
5.根据权利要求1所述的方法，还包括：
按照所述第一主要组成部分的宽度改变所述内容中的页眉和页脚
的每一个的宽度。
6.根据权利要求1所述的方法，其中在屏幕上显示第一主要组成部
分包括：
扩大所述第一主要组成部分，使得所述第一主要组成部分的宽度适
合所述屏幕的视口宽度，以及
显示已扩大的第一主要组成部分。
7.根据权利要求1所述的方法，还包括：
识别输入体在所述屏幕上的移动；以及
响应于所述移动，在保持所述第一主要组成部分的左边界在所述屏
幕的左边界内并且所述第一主要组成部分的右边界在所述屏幕的右边界
内的同时，移动所述内容。
8.根据权利要求1所述的方法，还包括：
识别所述屏幕上的放大手势；
响应于所述放大手势，扩大所述第一主要组成部分使得所述第一...

【专利技术属性】
技术研发人员：金庚泰，
申请(专利权)人：三星电子株式会社，
类型：发明
国别省市：韩国;KR