CN107357938A - 一种网页展示方法和装置 - Google Patents

一种网页展示方法和装置 Download PDF

Info

Publication number
CN107357938A
CN107357938A CN201710731613.6A CN201710731613A CN107357938A CN 107357938 A CN107357938 A CN 107357938A CN 201710731613 A CN201710731613 A CN 201710731613A CN 107357938 A CN107357938 A CN 107357938A
Authority
CN
China
Prior art keywords
web page
content
webpage
rule
layout rule
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201710731613.6A
Other languages
English (en)
Other versions
CN107357938B (zh
Inventor
李静
梁超
夏明星
柏盼
王建兵
李钢
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201710731613.6A priority Critical patent/CN107357938B/zh
Publication of CN107357938A publication Critical patent/CN107357938A/zh
Application granted granted Critical
Publication of CN107357938B publication Critical patent/CN107357938B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网页展示方法和装置。所述方法包括:获取指定网页的网页内容和网页排版规则;获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。该技术方案不需要服务器为网页设置多个层叠样式模板,而只需要提供网页提供针对不同界面宽度设置的网页排版规则,就可以实现网页展示时内容与界面的自适应,减少了在窄屏中显示过多内容和在宽屏中显示过少内容的情形,提高了用户体验和对网页内容的关注度。

Description

一种网页展示方法和装置
技术领域
本发明涉及网页技术领域,具体涉及一种网页展示方法和装置。
背景技术
用户使用的显示器的屏幕分辨率越来越多样化,除了笔记本中较为常见的1366*768,PC机中较为常见的1920*1080之外,还出现了许多宽屏显示器,例如分辨率为2560*1080等。
用户在浏览网页时,浏览器经常是全屏模式,网页会在浏览器中展示,因此,就造成了同一网页内容在不同大小的浏览器窗口中展示效果不同,有时显得过于臃肿,有时显得过于空旷,这样的现象随着前面提到的显示器分辨率多样化而变得愈加普遍。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页展示方法和装置。
依据本发明的一个方面,提供了一种网页展示方法,包括:
获取指定网页的网页内容和网页排版规则;
获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
可选地,所述获取显示所述指定网页的网页展示界面的宽度值包括:
在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
可选地,所述根据所述宽度值选择匹配的网页排版规则包括:
当所述宽度值小于或等于第一阈值时,选择窄屏排版规则;
当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则;
当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
可选地,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
可选地,所述网页内容包括第一内容;
所述各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同。
可选地,所述第一内容包括基础内容和拓展内容;
所述各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中所述基础内容的栏的数量均为第一数量,各网页排版规则中所述拓展内容的栏的数量不同但均不超过第二数量。
可选地,所述网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同,所述将所述网页内容按照选择的网页排版规则进行排版包括:
当获取到的所述第二内容为唯一尺寸时,根据选择的网页排版规则对所述第二内容进行处理,所述处理包括如下的一种或多种:放大、缩小、保持不变;
和/或,
当获取到的所述第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
依据本发明的另一方面,提供了一种网页展示装置,包括:
网页获取单元,适于获取指定网页的网页内容和网页排版规则;
排版单元,适于获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
展示单元,适于将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
可选地,所述网页获取单元,适于在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
可选地,所述排版单元,适于当所述宽度值小于或等于第一阈值时,选择窄屏排版规则,当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则,当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
可选地,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
可选地,所述网页内容包括第一内容;
所述各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同。
可选地,所述第一内容包括基础内容和拓展内容;
所述各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中所述基础内容的栏的数量均为第一数量,各网页排版规则中所述拓展内容的栏的数量不同但均不超过第二数量。
可选地,所述网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同;
所述排版单元,适于当获取到的所述第二内容为唯一尺寸时,根据选择的网页排版规则对所述第二内容进行处理,所述处理包括如下的一种或多种:放大、缩小、保持不变;和/或,当获取到的所述第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
由上述可知,本发明的技术方案,从指定网页的服务器获取该指定网页的网页内容和网页排版规则,根据获取到的网页展示界面的宽度值确定与之匹配的网页排版规则,依照其对网页内容进行排版并展示。该技术方案不需要服务器为网页设置多个风格模板,而只需要提供网页提供针对不同界面宽度设置的网页排版规则,就可以实现网页展示时内容与界面的自适应,减少了在窄屏中显示过多内容和在宽屏中显示过少内容的情形,提高了用户体验和对网页内容的关注度。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种网页展示方法的流程示意图;
图2示出了现有的某网页中第一内容的展示效果示意图;
图3示出了根据本发明一个实施例的一种网页展示装置的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种网页展示方法的流程示意图,如图1所示,该方法包括:
步骤S110,获取指定网页的网页内容和网页排版规则。
步骤S120,获取显示指定网页的网页展示界面的宽度值,根据宽度值选择匹配的网页排版规则。
网页展示界面可以是浏览器窗口,也可以是其他能够加载网页的界面。网页排版规则可以是与宽度值相关的,可以作为一个CSS(Cascading Style Sheets,层叠样式表)文件的其中一部分。
步骤S130,将网页内容按照选择的网页排版规则进行排版,在网页展示界面进行展示。
可见,图1所示的方法,从指定网页的服务器获取该指定网页的网页内容和网页排版规则,根据获取到的网页展示界面的宽度值确定与之匹配的网页排版规则,依照其对网页内容进行排版并展示。该技术方案不需要服务器为网页设置多个层叠样式模板,而只需要提供网页提供针对不同界面宽度设置的网页排版规则,就可以实现网页展示时内容与界面的自适应,减少了在窄屏中显示过多内容和在宽屏中显示过少内容的情形,提高了用户体验和对网页内容的关注度。
在本发明的一个实施例中,上述方法中,获取显示指定网页的网页展示界面的宽度值包括:在加载指定网页时,获取网页展示界面的当前宽度值,和/或,在接收到对网页展示界面的宽度值更改指令时,获取更改后的网页展示界面的宽度值。
也就是说,网页排版可以是进行一次排版后就不再改变,也可以是根据网页展示界面的变化而动态调整的。例如,用户原本使用浏览器的习惯是将浏览器最大化,但现在需要处理一些事务,打开了一个Word文档,希望进行分屏,也就是使一半屏幕显示浏览器,另一半屏幕显示Word文档。现有技术中往往是保持网页排版不变,利用浏览器窗口的滚动条,使得用户可以通过滚动条来查看不能显示的内容。本发明的实施例中也可以采用与滚动条相结合的方式,但也可以对网页的排版本身进行调整,这样当浏览器窗口过于窄时,相较于现有技术也可以使得用户不需要滚动太多就能查看到网页展示的全部内容。
在本发明的一个实施例中,上述方法中,根据宽度值选择匹配的网页排版规则包括:当宽度值小于或等于第一阈值时,选择窄屏排版规则;当宽度值在第一阈值与第二阈值之间时,选择中屏排版规则;当宽度值大于或等于第二阈值时,选择宽屏排版规则。
本实施例中可以通过对当前用户使用的显示器的分辨率进行调查,确定不同的用户目标群体和阈值,例如,900、1280、1360、1366、1440、1920、2560等等。这一实施例中可以考虑到用户还是经常将浏览器进行窗口最大化的,所以直接调查显示器分辨率即可推知浏览器窗口的宽度。当然,除了本实施例之外,还可以设置更多的网页排版规则,对应更多的宽度阈值。
在本发明的一个实施例中,上述方法中,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。具体来说,在本发明的一个实施例中,上述方法中,网页内容包括第一内容;各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现第一内容,各网页排版规则中栏的数量不同。
例如,图2示出了现有的某网页中第一内容的展示效果示意图。如图2所示,第一内容分为了5栏。那么对于不同宽度的浏览器窗口,该网页都包含这5栏要展示的内容。而在本发明的实施例中,可以针对不同宽度的浏览器窗口,使得展示的栏数不同,例如,对于宽度值小于或等于1360像素的网页展示界面,只展示3栏,对于宽度值大于或等于1920像素的网页展示界面,可以展示5栏,在这两个宽度值中间的网页展示界面展示4栏。
这样会不可避免地减少展示的内容,可能会使得网页没有把有高推送需求的内容进行展示,因此在本发明的一个实施例中,在本发明的一个实施例中,上述方法中,第一内容包括基础内容和拓展内容;各网页排版规则中以若干栏呈现第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中基础内容的栏的数量均为第一数量,各网页排版规则中拓展内容的栏的数量不同但均不超过第二数量。
也就是说,可以将第一内容分为两类,第一类是强制展示的内容(基础内容),第二类是可选择展示的内容(拓展内容),这部分可选择展示内容的展示数量可以根据网页展示界面的宽度进行调整。当拓展内容的栏的数量为0时,实际上就是不展示这一类内容,这也可以属于前述实施例中提及的各网页排版规则中可展现的网页内容的种类不同的情形。
在本发明的一个实施例中,上述方法中,网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同,将网页内容按照选择的网页排版规则进行排版包括:当获取到的第二内容为唯一尺寸时,根据选择的网页排版规则对第二内容进行处理,处理包括如下的一种或多种:放大、缩小、保持不变;和/或,当获取到的第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
第二内容可以是图片类内容,为了避免图片失真,一种实施方式是宽屏排版规则展示第二内容的原图,中屏排版规则和窄屏排版规则对原图进行不同程度的缩小。但由于缩小图片也可能带来图片失真,一种情况下,服务器还可以直接提供同一内容图片的多个尺寸,这样可以根据选择的网页排版规则选择相应尺寸的该内容的图片。
在一个具体实施例中,某网页包括第一内容(3栏基础内容,4栏拓展内容)、第二内容(180*300像素的图片)和第三内容(广告),以及其他内容(与本实施例无关);
对于宽度值小于或等于1360像素的网页展示界面,适用窄屏排版规则,展示3栏基础内容,不展示拓展内容,将第二内容缩小为108*180像素(原图的60%),不展示第三内容;
对于宽度值在1360像素与1920像素之间的网页展示界面,适用中屏排版规则,展示3栏基础内容,展示2栏拓展内容,将第二内容缩小为144*240像素(原图的80%),展示第三内容;
对于宽度值大于或等于1920像素的网页展示界面,适用宽屏排版规则,展示3栏基础内容,展示3栏或4栏拓展内容(可以进一步设置规则),保持第二内容不变,展示第三内容。
图3示出了根据本发明一个实施例的一种网页展示装置的结构示意图,如图3所示,网页展示装置300包括:
网页获取单元310,适于获取指定网页的网页内容和网页排版规则。
排版单元320,适于获取显示指定网页的网页展示界面的宽度值,根据宽度值选择匹配的网页排版规则。
网页展示界面可以是浏览器窗口,也可以是其他能够加载网页的界面。网页排版规则可以是与宽度值相关的,可以作为一个CSS(Cascading Style Sheets,层叠样式表)文件的其中一部分。
展示单元330,适于将网页内容按照选择的网页排版规则进行排版,在网页展示界面进行展示。
可见,图3所示的装置,通过各单元的相互配合,从指定网页的服务器获取该指定网页的网页内容和网页排版规则,根据获取到的网页展示界面的宽度值确定与之匹配的网页排版规则,依照其对网页内容进行排版并展示。该技术方案不需要服务器为网页设置多个层叠样式模板,而只需要提供网页提供针对不同界面宽度设置的网页排版规则,就可以实现网页展示时内容与界面的自适应,减少了在窄屏中显示过多内容和在宽屏中显示过少内容的情形,提高了用户体验和对网页内容的关注度。
在本发明的一个实施例中,上述装置中,网页获取单元310,适于在加载指定网页时,获取网页展示界面的当前宽度值,和/或,在接收到对网页展示界面的宽度值更改指令时,获取更改后的网页展示界面的宽度值。
在本发明的一个实施例中,上述装置中,排版单元320,适于当宽度值小于或等于第一阈值时,选择窄屏排版规则,当宽度值在第一阈值与第二阈值之间时,选择中屏排版规则,当宽度值大于或等于第二阈值时,选择宽屏排版规则。
在本发明的一个实施例中,上述装置中,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
在本发明的一个实施例中,上述装置中,网页内容包括第一内容;各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现第一内容,各网页排版规则中栏的数量不同。
在本发明的一个实施例中,上述装置中,第一内容包括基础内容和拓展内容;各网页排版规则中以若干栏呈现第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中基础内容的栏的数量均为第一数量,各网页排版规则中拓展内容的栏的数量不同但均不超过第二数量。
在本发明的一个实施例中,上述装置中,网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同;排版单元320,适于当获取到的第二内容为唯一尺寸时,根据选择的网页排版规则对第二内容进行处理,处理包括如下的一种或多种:放大、缩小、保持不变;和/或,当获取到的第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
需要说明的是,上述各装置实施例的具体实施方式与前述对应方法实施例的具体实施方式相类似,在此不再赘述。
综上所述,本发明的技术方案,从指定网页的服务器获取该指定网页的网页内容和网页排版规则,根据获取到的网页展示界面的宽度值确定与之匹配的网页排版规则,依照其对网页内容进行排版并展示。该技术方案不需要服务器为网页设置多个层叠样式模板,而只需要提供网页提供针对不同界面宽度设置的网页排版规则,就可以实现网页展示时内容与界面的自适应,减少了在窄屏中显示过多内容和在宽屏中显示过少内容的情形,提高了用户体验和对网页内容的关注度。
需要说明的是:
在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据网页展示装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明提供了A1、一种网页展示方法,其中,该方法包括:
获取指定网页的网页内容和网页排版规则;
获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
A2、如A1所述的方法,其中,所述获取显示所述指定网页的网页展示界面的宽度值包括:
在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
A3、如A1所述的方法,其中,所述根据所述宽度值选择匹配的网页排版规则包括:
当所述宽度值小于或等于第一阈值时,选择窄屏排版规则;
当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则;
当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
A4、如A1所述的方法,其中,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
A5、如A4所述的方法,其中,所述网页内容包括第一内容;
所述各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同。
A6、如A5所述的方法,其中,所述第一内容包括基础内容和拓展内容;
所述各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中所述基础内容的栏的数量均为第一数量,各网页排版规则中所述拓展内容的栏的数量不同但均不超过第二数量。
A7、如A4所述的方法,其中,所述网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同,所述将所述网页内容按照选择的网页排版规则进行排版包括:
当获取到的所述第二内容为唯一尺寸时,根据选择的网页排版规则对所述第二内容进行处理,所述处理包括如下的一种或多种:放大、缩小、保持不变;
和/或,
当获取到的所述第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
本发明还提供了B8、一种网页展示装置,其中,该装置包括:
网页获取单元,适于获取指定网页的网页内容和网页排版规则;
排版单元,适于获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
展示单元,适于将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
B9、如B8所述的装置,其中,
所述网页获取单元,适于在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
B10、如B8所述的装置,其中,
所述排版单元,适于当所述宽度值小于或等于第一阈值时,选择窄屏排版规则,当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则,当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
B11、如B8所述的装置,其中,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
B12、如B11所述的装置,其中,所述网页内容包括第一内容;
所述各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同。
B13、如B12所述的装置,其中,所述第一内容包括基础内容和拓展内容;
所述各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中所述基础内容的栏的数量均为第一数量,各网页排版规则中所述拓展内容的栏的数量不同但均不超过第二数量。
B14、如B11所述的装置,其中,所述网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同;
所述排版单元,适于当获取到的所述第二内容为唯一尺寸时,根据选择的网页排版规则对所述第二内容进行处理,所述处理包括如下的一种或多种:放大、缩小、保持不变;和/或,当获取到的所述第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。

Claims (10)

1.一种网页展示方法,其中,该方法包括:
获取指定网页的网页内容和网页排版规则;
获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
2.如权利要求1所述的方法,其中,所述获取显示所述指定网页的网页展示界面的宽度值包括:
在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
3.如权利要求1所述的方法,其中,所述根据所述宽度值选择匹配的网页排版规则包括:
当所述宽度值小于或等于第一阈值时,选择窄屏排版规则;
当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则;
当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
4.如权利要求1所述的方法,其中,各网页排版规则中可展现的网页内容的数量不同,和/或,各网页排版规则中可展现的网页内容的种类不同。
5.如权利要求4所述的方法,其中,所述网页内容包括第一内容;
所述各网页排版规则中可展现的网页内容的数量不同包括:各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同。
6.如权利要求5所述的方法,其中,所述第一内容包括基础内容和拓展内容;
所述各网页排版规则中以若干栏呈现所述第一内容,各网页排版规则中栏的数量不同包括:各网页排版规则中所述基础内容的栏的数量均为第一数量,各网页排版规则中所述拓展内容的栏的数量不同但均不超过第二数量。
7.如权利要求4所述的方法,其中,所述网页内容包括第二内容,各网页排版规则中第二内容的展示尺寸不同,所述将所述网页内容按照选择的网页排版规则进行排版包括:
当获取到的所述第二内容为唯一尺寸时,根据选择的网页排版规则对所述第二内容进行处理,所述处理包括如下的一种或多种:放大、缩小、保持不变;
和/或,
当获取到的所述第二内容包括多个尺寸时,根据选择的网页排版规则选择相应尺寸的第二内容。
8.一种网页展示装置,其中,该装置包括:
网页获取单元,适于获取指定网页的网页内容和网页排版规则;
排版单元,适于获取显示所述指定网页的网页展示界面的宽度值,根据所述宽度值选择匹配的网页排版规则;
展示单元,适于将所述网页内容按照选择的网页排版规则进行排版,在所述网页展示界面进行展示。
9.如权利要求8所述的装置,其中,
所述网页获取单元,适于在加载所述指定网页时,获取所述网页展示界面的当前宽度值,和/或,在接收到对所述网页展示界面的宽度值更改指令时,获取更改后的所述网页展示界面的宽度值。
10.如权利要求8所述的装置,其中,
所述排版单元,适于当所述宽度值小于或等于第一阈值时,选择窄屏排版规则,当所述宽度值在第一阈值与第二阈值之间时,选择中屏排版规则,当所述宽度值大于或等于第二阈值时,选择宽屏排版规则。
CN201710731613.6A 2017-08-23 2017-08-23 一种网页展示方法和装置 Active CN107357938B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710731613.6A CN107357938B (zh) 2017-08-23 2017-08-23 一种网页展示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710731613.6A CN107357938B (zh) 2017-08-23 2017-08-23 一种网页展示方法和装置

Publications (2)

Publication Number Publication Date
CN107357938A true CN107357938A (zh) 2017-11-17
CN107357938B CN107357938B (zh) 2021-02-05

Family

ID=60289800

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710731613.6A Active CN107357938B (zh) 2017-08-23 2017-08-23 一种网页展示方法和装置

Country Status (1)

Country Link
CN (1) CN107357938B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109491739A (zh) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 一种主题色动态确定方法、装置、电子设备及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1477544A (zh) * 2002-08-22 2004-02-25 联想(北京)有限公司 低分辨率显示设备及其控制浏览器显示网页的方法
WO2012021221A1 (en) * 2010-06-29 2012-02-16 Vibrant Media, Inc. Systems and methods for providing modular configurable creative units for delivery via intext advertising
CN102591853A (zh) * 2011-12-29 2012-07-18 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN104536949A (zh) * 2011-12-29 2015-04-22 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN105205077A (zh) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 页面排版方法、装置及系统
CN106294640A (zh) * 2016-08-02 2017-01-04 三星电子(中国)研发中心 网页显示方法及装置
CN106407261A (zh) * 2016-08-24 2017-02-15 上海斐讯数据通信技术有限公司 一种页面自适应屏幕的方法及智能终端
CN106649369A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 窗口显示的调整方法及装置

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1477544A (zh) * 2002-08-22 2004-02-25 联想(北京)有限公司 低分辨率显示设备及其控制浏览器显示网页的方法
WO2012021221A1 (en) * 2010-06-29 2012-02-16 Vibrant Media, Inc. Systems and methods for providing modular configurable creative units for delivery via intext advertising
CN102591853A (zh) * 2011-12-29 2012-07-18 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN104536949A (zh) * 2011-12-29 2015-04-22 优视科技有限公司 网页重排方法、网页重排装置以及移动终端
CN105205077A (zh) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 页面排版方法、装置及系统
CN106649369A (zh) * 2015-10-30 2017-05-10 北京国双科技有限公司 窗口显示的调整方法及装置
CN106294640A (zh) * 2016-08-02 2017-01-04 三星电子(中国)研发中心 网页显示方法及装置
CN106407261A (zh) * 2016-08-24 2017-02-15 上海斐讯数据通信技术有限公司 一种页面自适应屏幕的方法及智能终端

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109491739A (zh) * 2018-10-30 2019-03-19 北京字节跳动网络技术有限公司 一种主题色动态确定方法、装置、电子设备及存储介质
CN109491739B (zh) * 2018-10-30 2023-04-07 北京字节跳动网络技术有限公司 一种主题色动态确定方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN107357938B (zh) 2021-02-05

Similar Documents

Publication Publication Date Title
US20180032489A1 (en) Optimization for rendering web pages
US8634674B2 (en) Dynamic sizing and positioning of multiple images
CN105528408B (zh) 页面展示方法和装置
US9817794B2 (en) Responsive rendering of data sets
US20160063672A1 (en) Electronic device and method for generating thumbnail picture
CN103164541B (zh) 图片呈现方法及设备
CN102999336A (zh) 应用界面实现方法和系统
CN107506483A (zh) 页面加载方法、装置、电子设备及存储介质
CN105869199A (zh) 用于处理动画的装置和方法
CN112114726A (zh) 基于vue的下拉框的交互方法、装置、设备和介质
CN103019720A (zh) 在浏览器中处理页面的方法及设备
CN102930001A (zh) 互联网web页面的物品图像立体高清放大展示方法
CN107357938A (zh) 一种网页展示方法和装置
CN105608152A (zh) 一种网页资源异步加载的方法及装置
CN106201512A (zh) 一种图片展示的方法及装置
CN103034723A (zh) 页面呈现方法及设备
JP2016095501A (ja) 電子表示装置の文書配置
CN104765722B (zh) 参数配置方法及装置
CN104750691B (zh) 一种自定义网页生成方法及装置
CN106294513B (zh) 网页显示一致性检测方法和装置
JP2020520502A (ja) 画像ファイルの提示方法及び提示装置
CN110874253B (zh) 显示方法及显示系统
CN107145313A (zh) 图像显示方法及装置
CN105959610A (zh) 一种图片显示方法及终端设备
JP7490472B2 (ja) 情報処理装置、情報処理方法およびプログラム

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant