CN103761315B - 一种显示网页内容的方法及系统 - Google Patents
一种显示网页内容的方法及系统 Download PDFInfo
- Publication number
- CN103761315B CN103761315B CN201410037886.7A CN201410037886A CN103761315B CN 103761315 B CN103761315 B CN 103761315B CN 201410037886 A CN201410037886 A CN 201410037886A CN 103761315 B CN103761315 B CN 103761315B
- Authority
- CN
- China
- Prior art keywords
- web page
- page contents
- webpage
- pattern scheme
- horizontal direction
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
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
技术领域
本申请涉及网络技术领域，特别是涉及一种显示网页内容的方法及系统。
背景技术
网页在现代生活中运作中起着巨大的作用，它有着传播范围广、交互性强、针对性强、受众数量可准确统计、实时、灵活、成本低、感官性强等优点。
网页内容包括图片，文字，视频，推送图片。在现有技术中，网页内容的宽度是固定的。但是，随着科技的进步，个人计算机屏幕分辨率越来越大（一般都在1000像素以上，目前主流宽度是1366×768，有的还达到了2000像素）。 如何实现“一次设计，普遍适用"，让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局成为亟待解决的问题。
发明内容
本申请实施例提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。
一种显示网页内容的方法，包括如下步骤：
用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。
一种显示网页内容的系统，包括：样式方案确定单元，用于在显示待显示的网页内容前，根据保存的对应关系确定与用于显示网页内容的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；显示单元，用于根据样式方案确定单元确定出的样式方案显示所述待显示的网页内容。
按照本发明实施例提供的上述任意一种方案，用户终端可以根据屏幕类别的属性信息与样式方案的对应关系，确定出与用户终端自身的屏幕所属类别的属性信息相对应的样式方案，并按照该样式方案对待显示的网页内容进行显示。由于屏幕类别的属性信息中包含屏幕所能支持的水平像素数或该水平像素数所属的像素数区间，因此本发明实施例提供的上述任意一种方案可以达到根据用户终端自身的屏幕所能支持的水平像素数，来确定对于待显示的网页内容的显示方案的目的，实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。
附图说明
图1为本发明实施例1提供的一种显示网页内容的方法的具体流程示意图；
图2为图片在网页中所占区域的水平方向宽度值的示意图；
图3为按照确定出的样式方案在网页中显示4张图片的示意图；
图4为按照确定出的样式方案在网页中显示两侧增加渐变图片的通栏广告的示意图；
图5为按照确定出的样式方案在网页中显示两侧增加推送图片的通栏广告的示意图；
图6为屏幕所能支持的水平像素数小于等于1024 px 的用户终端按照确定出的样式方案显示水平方向宽度为980px的通栏广告的示意图；
图7为屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端按照确定出的样式方案，显示两侧增加宽度为90px的渐变图片的通栏广告的示意图；
图8为屏幕所能支持的水平像素数大于1366 px的用户终端确定出的样式方案，显示两侧增加宽度为180px的渐变图片的通栏广告的示意图；
图9为屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端按照确定出的样式方案，显示两侧增加宽度为90px的推送图片的通栏广告的示意图；
图10为屏幕所能支持的水平像素数大于1366 px的用户终端按照确定出的样式方案，显示两侧增加宽度为180px的推送图片的通栏广告的示意图；
图11为屏幕所能支持的水平像素数小于等于1024px 的用户终端对5个推送图片进行显示的示意图；
图12为屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端对6个推送图片进行显示的示意图；
图13为屏幕所能支持的水平像素数大于1366 px的用户终端对7个推送图片进行显示的示意图；
图14为实施例5提供的一种显示网页内容的系统的具体结构示意图。
具体实施方式
以下将结合附图描述按照本发明的显示网页内容的方法的优选的实施方式，本领域的技术人员应当清楚这些实施方式并非限制性的。
实施例1
实施例1提供一种显示网页内容的方法，该方法的具体流程示意图如图1所示，包括如下主要步骤：
步骤11，用户终端在显示待显示的网页内容前，根据保存的对应关系确定与用户终端自身的屏幕所属屏幕类别的属性信息相对应的样式方案。
本发明实施例中，上述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系。这里所说的属性信息至少包含“屏幕所能支持的水平像素数”或“屏幕所能支持的水平像素数所属的像素数区间”；而样式方案则包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目。
以下对上述各种概念进行解释：
针对“屏幕所能支持的水平像素数”而言，对于分辨率为“ 640 px×480 px”的屏幕，其所能支持的水平像素数为640 px，所能支持的垂直像素数为480 px；对于分辨率为“1600 px x 1200 px”的屏幕，其所能支持的水平像素数为1600 px，所能支持的垂直像素数为1200 px；依此类推。
针对“网页内容在网页中所占区域的水平方向宽度值”而言，以网页内容为“图片”为例，其在网页中所占区域的水平方向宽度值一般可用像素数目来衡量。如一幅大小为“200 px x 180 px”的图片，如果按照如图2所示的显示方式对其进行显示，则其在网页中所占区域的水平方向宽度值为“200 px”，且该区域的垂直方向宽度值为“180 px”。
针对“网页中的网页内容的数目”而言，仍然以图2为例，图2中的网页所包含的“大小为‘180 px x 200 px’的图片”这一网页内容的数目为3。
由于“网页内容在网页中所占区域的水平方向宽度值”和“网页中的网页内容的数目”这两个参数值可以从一定程度上决定网页内容在网页中的布局方式，因此，本发明实施例所述的样式方案中往往至少包含这两个参数中的一个。此外，本发明实施例中所述的样式方案中还可以但不限于包含“网页内容在网页中所占区域的垂直方向宽度值”等等可以反映网页内容在网页中的布局方式的参数。
步骤12，用户终端根据确定出的样式方案显示待显示的网页内容。
其中，待显示的网页内容可以但不限于为图片、flash动画、视频文件以及文字信息，等等。
以待显示的网页内容为图片为例，若用户终端根据前文所述的对应关系，确定出与用户终端自身的屏幕所能支持的水平像素数相对应的样式方案包括：图片在网页中所占区域的水平方向宽度值为200 px，以及网页中的图片的数目为4。则用户终端通过执行步骤12，可以显示出如图3所示的网页。
进一步地，以下以前文所述的对应关系中包含的样式方案为网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目为例，说明步骤12的几种具体实现方式。
第一种实现方式：
第一种实现方式的前提是待显示的网页内容为预先规定的通栏广告，且用户终端确定出的样式方案中包括的网页中的网页内容的数目为“1”。
在这样的前提下，步骤12的具体实现方式可以包括下述子步骤：
子步骤1：用户终端确定自身的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
子步骤2：用户终端在该差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加渐变图片的通栏广告，如图4所示。
其中，上述差值阈值不小于单个所述渐变图片在网页中所占区域的水平方向宽度值的2倍，以保证该通栏广告和该通栏广告两侧增加的渐变图片都可以完整地显示于网页中。
本发明实施例中，该通栏广告的格式可以是flash动画，也可以是流媒体，还可以是图片。
本发明实施例中，渐变图片是指形状、大小、色彩和/或肌理给人的视觉感觉为渐变的图片。
第二种实现方式：
第一种实现方式的前提也是待显示的网页内容为预先规定的通栏广告，且用户终端确定出的样式方案中包括的网页中的网页内容的数目为1。
在这样的前提下，步骤12的具体实现方式可以包括下述子步骤：
子步骤1：用户终端确定自身的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
子步骤2：用户终端在该差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加推送图片的该通栏广告，如图5所示。
其中，上述差值阈值不小于单个所述推送图片在网页中所占区域的水平方向宽度值的2倍，以保证该通栏广告和该通栏广告两侧增加的推送图片都可以完整地显示于网页中。
本发明实施例中，该通栏广告和通栏广告两侧增加的推送图片的格式均可以是flash动画，也可以是流媒体，还可以是图片。
第三种实现方式：
第三种实现方式的前提是前文所述的对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目。
在这样的前提下，用户终端可以根据确定出的样式方案中包括的网页中的网页内容的数目和网页内容在网页中所占区域的水平方向宽度值，对待显示的网页内容进行显示，其中，被显示的待显示的网页内容的数目与确定出的样式方案中包括的网页内容的数目相同。
由本发明实施例1提供的该方法可知，由于用户终端可以根据屏幕类别的属性信息与样式方案的对应关系，确定出与用户终端自身的屏幕所属类别的属性信息相对应的样式方案，并按照该样式方案对待显示的网页内容进行显示，因此采用实施例1提供的该方法可以达到根据用户终端自身的屏幕所能支持的水平像素数，来确定对于待显示的网页内容的显示方案的目的，实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。
此外需要说明的是，本发明实施例为了实现对屏幕类别的属性信息与样式方案的对应关系的建立与保存，可以根据现有技术中的屏幕所采用的主流分辨率，对各种屏幕进行类别划分从而得到三种屏幕类别，它们分别是：水平像素数小于等于1024 px 的屏幕所属的屏幕类别1；水平像素数小于等于1366 px的屏幕所属的屏幕类别2；水平像素数大于1366 px 的屏幕所属的屏幕类别3。针对这三种屏幕类别，可以分别确定其属性信息，并对应保存相应的样式方案，从而达到保存屏幕类别的属性信息与样式方案的对应关系的目的。
具体而言，上述三种屏幕类别的属性信息可以是屏幕所能支持的水平像素数所属的像素数区间。比如，屏幕类别1、屏幕类别2和屏幕类别3的属性信息可以依次为[512 px，1024 px]、（1024 px，1366 px]、（1366 px，+∞）。
对于样式方案而言，对应于同一属性信息，本发明实施例中可以设置并保存针对不同类型的网页内容的不同样式方案。比如，本发明实施例中可以保存分别针对图片、视频和flash动画的不同样式方案。在这样的情况下，用户终端在显示待显示的网页内容前，可以先确定待显示的网页内容的类型，然后再根据该类型以及用户终端自身的屏幕所能支持的水平像素数，从保存的屏幕类别的属性信息与针对不同类型的网页内容的样式方案的对应关系中，确定出对应于该类型和用户终端自身的屏幕所属屏幕类别的属性信息的样式方案。
由于不同类型的显示内容的共同点都在于当其显示在网页中时都会占据一定的显示区域，从而本发明实施例中也可以针对不同类型的待显示内容设置并保存相同的样式方案。
实施例2
实施例2用于举例说明实施例1中所述的步骤12的第一种实现方式的实现过程。
在本实施例2中，假设：待显示的网页内容为通栏推送图片；预先设置的可设置在通栏广告两侧的渐变图片在水平方向的宽度为90 px 或180px；针对不同屏幕类别的属性信息所保存的样式方案均包括：网页中的网页内容的数目为1、网页内容在网页中所占区域的水平方向宽度值为980px 。
基于上述假设，对于屏幕所能支持的水平像素数小于等于1024 px 的用户终端而言，基于上述样式方案，可以按照980 px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，如图6所示；
对于屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端而言，基于上述样式方案，可以按照980px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，并在该通栏广告的两侧增加宽度为90px的渐变图片，如图7所示；
对于屏幕所能支持的水平像素数大于1366 px的用户终端而言，基于上述样式方案，可以按照980px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，并在该通栏广告的两侧增加宽度分别为180px的渐变图片，如图8所示。
实施例3
实施例3用于举例说明实施例1中所述的步骤12的第二种实现方式的实现过程。
在本实施例3中，假设：待显示的网页内容为通栏广告；预先设置的可设置在通栏广告两侧的推送图片在水平方向的宽度为90 px 或180px；针对不同屏幕类别的属性信息所保存的样式方案均包括：网页中的网页内容的数目为1、网页内容在网页中所占区域的水平方向宽度值为980px 。
基于上述假设，对于屏幕所能支持的水平像素数小于等于1024 px 的用户终端而言，基于上述样式方案，可以按照980 px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，如图6所示；
对于屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端而言，基于上述样式方案，可以按照980px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，并在该通栏广告的两侧增加宽度为90px的推送图片，如图9所示；
对于屏幕所能支持的水平像素数大于1366 px的用户终端而言，基于上述样式方案，可以按照980px这一水平方向宽度值，在网页中显示水平方向宽度为980 px的通栏广告，并在该通栏广告的两侧增加宽度分别为180px的推送图片，如图10所示。
实施例4
实施例4用于举例说明实施例1中所述的步骤12的第三种实现方式的实现过程。
在本实施例4中，假设：待显示的网页内容为推送图片；保存的对应关系中包含的样式方案中包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目。
基于上述假设，对于屏幕所能支持的水平像素数小于等于1024px 的用户终端而言，若进一步假设其屏幕所能支持的水平像素数所对应的样式方案中包括的网页内容在网页中所占区域的水平方向宽度值为180px，且该方式方案中包括的网页中的网页内容的数目为5，则用户终端可以按照如图11所示对5个推送图片进行显示，以达到显示一个通栏广告的目的。
对于屏幕所能支持的水平像素数小于等于1366 px 同时大于1024px的用户终端而言，若进一步假设其屏幕所能支持的水平像素数所对应的样式方案中包括的网页内容在网页中所占区域的水平方向宽度值为180px，且该方式方案中包括的网页中的网页内容的数目为6，则用户终端可以按照如图12所示对6个推送图片进行显示，以达到显示一个通栏广告的目的。
对于屏幕所能支持的水平像素数大于1366 px的用户终端而言，若进一步假设其屏幕所能支持的水平像素数所对应的样式方案中包括的网页内容在网页中所占区域的水平方向宽度值为180px，且该方式方案中包括的网页中的网页内容的数目为7，则用户终端可以按照如图13所示对7个推送图片进行显示，以达到显示一个通栏广告的目的。
实施例5
实施例5提供一种显示网页内容的系统，该系统的具体结构示意图如图14所示，主要包括下述功能单元：
样式方案确定单元141，用于在显示待显示的网页内容前，根据保存的对应关系确定与用于显示网页内容的的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，保存的对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，属性信息至少包含屏幕所能支持的水平像素数或屏幕所能支持的水平像素数所属的像素数区间；
显示单元142，用于根据样式方案确定单元141确定出的样式方案显示待显示的网页内容。
可选的，当保存的对应关系中包含的样式方案包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目时，显示单元142具体可以包括下述功能子单元：
差值确定子单元，用于在待显示的网页内容为预先规定的通栏广告，且确定出的样式方案中包括的所述数目为一时，确定用于显示待显示的网页内容的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
显示子单元，用于在差值确定子单元得到的差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加渐变图片的所述通栏广告；
其中，该差值阈值为单个所述渐变图片在网页中所占区域的水平方向宽度值的2倍。
可选的，当保存的对应关系中包含的样式方案包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目时，显示单元142也可以划分为以下功能单元，具体包括：
差值确定子单元，用于在待显示的网页内容为预先规定的通栏广告，且确定出的样式方案中包括的所述数目为一时，确定用于显示待显示的网页内容的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
显示子单元，用于在差值确定子单元得到的差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加推送图片的所述通栏广告；
其中，该差值阈值不小于单个所述推送图片在网页中所占区域的水平方向宽度值的2倍。
可选的，当保存的对应关系中包含的样式方案包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目时，显示单元142具体可以用于：根据确定出的样式方案中包括的所述数目和水平方向宽度值，对所述数目的待显示的网页内容进行显示。
可选的，本发明实施例中的上述对应关系可以但不限于存储于级联样式表（Cascading Style Sheets，CSS）中。
按照本发明实施例提供的上述任意一种方案，用户终端可以根据屏幕类别的属性信息与样式方案的对应关系，确定出与用户终端自身的屏幕所属类别的属性信息相对应的样式方案，并按照该样式方案对待显示的网页内容进行显示。由于屏幕类别的属性信息中包含屏幕所能支持的水平像素数或该水平像素数所属的像素数区间，因此本发明实施例提供的上述任意一种方案可以达到根据用户终端自身的屏幕所能支持的水平像素数，来确定对于待显示的网页内容的显示方案的目的，实现 “一次设计，普遍适用”，让同一推送图片内容能自动适应不同大小的屏幕的功能。
本领域技术人员同样不难看出，本发明是对现有技术的改进，是为解决现有技术中存在的技术问题而将这些现有技术中的要素进行的结合，这种结合凝结了大量的创造性劳动，是发明人大量理论研究和科学实验的结晶。在没有阅读本发明之前，本领域技术人员显然是不容易想到本发明的各个方案的，而在阅读了本说明书后，本领域技术人员不必再付出创造性劳动即可实现本发明的基本技术方案。
Claims (10)
1.一种显示网页内容的方法，其特征在于，包括如下步骤：
用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述待显示的网页内容包括图片、flash动画、视频文件及文字信息中任一项；
所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述用户终端根据确定出的样式方案显示所述待显示的网页内容，具体包括：
所述用户终端在所述待显示的网页内容为预先规定的通栏推送图片，且确定出的样式方案中包括的所述数目为一时，确定所述用户终端的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
所述用户终端在所述差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加渐变图片的所述通栏广告；
所述用户终端根据确定出的样式方案显示所述待显示的网页内容。
2.如权利要求1所述的显示网页内容的方法，其特征在于：所述差值阈值不小于单个所述渐变图片在网页中所占区域的水平方向宽度值的2倍。
3.如权利要求1所述的显示网页内容的方法，其特征在于：
所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述用户终端根据确定出的样式方案显示所述待显示的网页内容，具体包括：
所述用户终端在所述待显示的网页内容为预先规定的通栏广告，且确定出的样式方案中包括的所述数目为一时，确定所述用户终端的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
所述用户终端在所述差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加推送图片的所述通栏广告；
其中，所述差值阈值不小于单个所述推送图片在网页中所占区域的水平方向宽度值的2倍。
4.如权利要求1所述的显示网页内容的方法，其特征在于：
所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述用户终端根据确定出的样式方案显示所述待显示的网页内容，具体包括：
所述用户终端根据确定出的样式方案中包括的所述数目和所述水平方向宽度值，对所述数目的所述待显示的网页内容进行显示。
5.如权利要求1~4任一所述的方法，其特征在于，所述对应关系存储于级联样式表CSS中。
6.一种显示网页内容的系统，其特征在于，包括：
样式方案确定单元，用于在显示待显示的网页内容前，根据保存的对应关系确定与用于显示网页内容的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述待显示的网页内容包括图片、flash动画、视频文件及文字信息中任一项；
所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述显示单元具体包括：
差值确定子单元，用于在所述待显示的网页内容为预先规定的通栏广告，且确定出的样式方案中包括的所述数目为一时，确定用于显示网页内容的的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
显示子单元，用于在差值确定子单元得到的差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加渐变图片的所述通栏广告；
显示单元，用于根据样式方案确定单元确定出的样式方案显示所述待显示的网页内容。
7.如权利要求6所述的显示网页内容的系统，其特征在于：所述差值阈值为单个所述渐变图片在网页中所占区域的水平方向宽度值的2倍。
8.如权利要求6所述的显示网页内容的系统，其特征在于：
所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述显示单元具体包括：
差值确定子单元，用于在所述待显示的网页内容为预先规定的通栏广告，且确定出的样式方案中包括的所述数目为一时，确定用于显示网页内容的的屏幕所能支持的水平像素数和确定出的样式方案中包含的水平方向宽度值的差值；
显示子单元，用于在差值确定子单元得到的所述差值不小于预先规定的差值阈值时，根据确定出的样式方案中包括的所述数目和网页内容在网页中所占区域的水平方向宽度值，显示两侧增加推送图片的所述通栏广告；
其中，所述差值阈值不小于单个所述推送图片在网页中所占区域的水平方向宽度值的2倍。
9.如权利要求6所述的显示网页内容的系统，其特征在于，所述对应关系中包含的样式方案具体包括网页内容在网页中所占区域的水平方向宽度值和网页中的网页内容的数目；则
所述显示单元具体用于：
根据确定出的样式方案中包括的所述数目和所述水平方向宽度值，对所述数目的所述待显示的网页内容进行显示。
10.如权利要求6~9任一所述的显示网页内容的系统，其特征在于，所述对应关系存储于级联样式表CSS中。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410037886.7A CN103761315B (zh) | 2014-01-27 | 2014-01-27 | 一种显示网页内容的方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410037886.7A CN103761315B (zh) | 2014-01-27 | 2014-01-27 | 一种显示网页内容的方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103761315A CN103761315A (zh) | 2014-04-30 |
| CN103761315B true CN103761315B (zh) | 2018-07-27 |
Family
ID=50528552
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410037886.7A Active CN103761315B (zh) | 2014-01-27 | 2014-01-27 | 一种显示网页内容的方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103761315B (zh) |
Families Citing this family (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103970894B (zh) * | 2014-05-27 | 2017-04-05 | 合一网络技术(北京)有限公司 | 自适应调整的界面流式布局显示的方法和系统 |
| CN105589883B (zh) * | 2014-10-24 | 2020-03-06 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
| CN105589882B (zh) * | 2014-10-24 | 2020-05-08 | 阿里巴巴集团控股有限公司 | 网页的页面元素的显示方法和装置 |
| CN104657480B (zh) * | 2015-02-26 | 2017-07-25 | 百度在线网络技术（北京）有限公司 | 漫画搜索方法及装置 |
| CN104881430A (zh) * | 2015-04-17 | 2015-09-02 | 北京天耀宏图科技有限公司 | 一种基于纯网络脚本语言的跨终端自适应可视化电子地图实现方法 |
| CN106649369A (zh) * | 2015-10-30 | 2017-05-10 | 北京国双科技有限公司 | 窗口显示的调整方法及装置 |
| CN108399088B (zh) * | 2018-01-19 | 2022-02-15 | 北京奇艺世纪科技有限公司 | 页面展示方法、用户终端、页面服务器及样式配置服务器 |
| CN109165368A (zh) * | 2018-07-02 | 2019-01-08 | 北京奇艺世纪科技有限公司 | 网页生成方法、装置及电子设备 |
| CN111611470A (zh) * | 2019-02-22 | 2020-09-01 | 北京搜狗科技发展有限公司 | 一种数据处理方法、装置和电子设备 |
| CN112215743A (zh) * | 2020-02-08 | 2021-01-12 | 朱明华 | 图像数据处理方法、装置及图像处理系统 |
| CN111680230B (zh) * | 2020-05-25 | 2023-04-18 | 北京百度网讯科技有限公司 | 搜索结果页的展示方法、装置、电子设备及存储介质 |
| CN114329278B (zh) * | 2021-12-30 | 2023-09-29 | 百度在线网络技术（北京）有限公司 | 搜索结果页的处理方法、装置、电子设备和存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101526953A (zh) * | 2009-01-19 | 2009-09-09 | 北京跳网无限科技发展有限公司 | Www转换技术 |
| CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
| CN102446051A (zh) * | 2010-10-11 | 2012-05-09 | 英业达股份有限公司 | 网页的显示调整系统及其显示调整方法 |
-
2014
- 2014-01-27 CN CN201410037886.7A patent/CN103761315B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101526953A (zh) * | 2009-01-19 | 2009-09-09 | 北京跳网无限科技发展有限公司 | Www转换技术 |
| CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
| CN102446051A (zh) * | 2010-10-11 | 2012-05-09 | 英业达股份有限公司 | 网页的显示调整系统及其显示调整方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103761315A (zh) | 2014-04-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103761315B (zh) | 一种显示网页内容的方法及系统 | |
| WO2020155785A1 (zh) | 屏幕适配显示方法、电子设备及计算机存储介质 | |
| CN103970894B (zh) | 自适应调整的界面流式布局显示的方法和系统 | |
| US9582610B2 (en) | Visual post builder | |
| CN109640026A (zh) | 一种高分辨率信号源拼墙显示方法、装置和设备 | |
| WO2006041987A3 (en) | Techniques for displaying digital images on a display | |
| EP1632874A3 (en) | System and method of displaying content on small screen computing devices | |
| JP2006520944A5 (zh) | ||
| CN102566952B (zh) | 应用于嵌入式数字娱乐点播系统的显示系统和方法 | |
| CN105868418B (zh) | 一种视频显示方法及装置 | |
| CN102831209A (zh) | 网页浏览的渲染处理方法及装置和移动终端 | |
| CN109408165A (zh) | 数据可视化系统的多终端自适应方法及系统 | |
| CN105930464A (zh) | Web富媒体跨屏适配方法和装置 | |
| CN105488755B (zh) | 一种在2d游戏中实现3d表现的方法及装置 | |
| WO2008139551A1 (ja) | 情報提示装置及び情報提示方法 | |
| CN102147923B (zh) | 一种动画图像的遮挡显示方法 | |
| CN106231209A (zh) | 一种视频详情页背景图片实现方法 | |
| CN105139341B (zh) | 一种gif图像编辑方法及装置 | |
| CN105227866B (zh) | 一种多通道视频显示方法和装置 | |
| CN105632349B (zh) | Led球形显示屏播放管理的方法、装置及系统 | |
| WO2020051495A1 (en) | Multi-panel display | |
| CN203503273U (zh) | 广告牌 | |
| CN202077154U (zh) | 多窗口播放系统 | |
| CN105307045A (zh) | 在视频节目上显示互动信息的方法和装置 | |
| TW201640907A (zh) | 電視牆、電影院或電視畫面進行多人評論留言的彈幕式字幕顯示方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200818 Address after: 7, No. 666, Zhang Heng Road, 201203, Shanghai, Pudong New Area, No. 1 Patentee after: SHANGHAI ZHANGMEN SCIENCE AND TECHNOLOGY Co.,Ltd. Address before: 100026 room six, floor 19, building 68, 6184 South College Road, Beijing, Haidian District Patentee before: LE HOLDINGS (BEIJING) Co.,Ltd. |
|
| TR01 | Transfer of patent right |