一种显示网页内容的方法及系统技术方案

本发明专利技术提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。方法包括：用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。

【技术实现步骤摘要】
【专利摘要】本专利技术提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。方法包括：用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。【专利说明】—种显示网页内容的方法及系统
本申请涉及网络
，特别是涉及一种显示网页内容的方法及系统。
技术介绍
网页在现代生活中运作中起着巨大的作用，它有着传播范围广、交互性强、针对性强、受众数量可准确统计、实时、灵活、成本低、感官性强等优点。网页内容包括图片，文字，视频，推送图片。在现有技术中，网页内容的宽度是固定的。但是，随着科技的进步，个人计算机屏幕分辨率越来越大(一般都在1000像素以上，目前主流宽度是1366X768，有的还达到了 2000像素)。如何实现“一次设计，普遍适用〃，让同一张网页内容自动适应不同大小的屏幕,并根据屏幕宽度自动调整网页内容布局成为亟待解决的问题。
技术实现思路
本申请实施例提供一种显示网页内容的方法和系统，以实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。一种显示网页内容的方法，包括如下步骤: 用户终端在显示待显示的网页内容前，根据保存的对应关系确定与所述用户终端的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；所述用户终端根据确定出的样式方案显示所述待显示的网页内容。一种显示网页内容的系统，包括:样式方案确定单元，用于在显示待显示的网页内容前，根据保存的对应关系确定与用于显示网页内容的屏幕所属屏幕类别的属性信息相对应的样式方案；其中，所述对应关系至少包含一种屏幕类别的属性信息与样式方案的对应关系；所述样式方案中包括网页内容在网页中所占区域的水平方向宽度值和/或网页中的网页内容的数目，所述属性信息至少包含屏幕所能支持的水平像素数或所述水平像素数所属的像素数区间；显示单元，用于根据样式方案确定单元确定出的样式方案显示所述待显示的网页内容。按照本专利技术实施例提供的上述任意一种方案，用户终端可以根据屏幕类别的属性信息与样式方案的对应关系，确定出与用户终端自身的屏幕所属类别的属性信息相对应的样式方案，并按照该样式方案对待显示的网页内容进行显示。由于屏幕类别的属性信息中包含屏幕所能支持的水平像素数或该水平像素数所属的像素数区间，因此本专利技术实施例提供的上述任意一种方案可以达到根据用户终端自身的屏幕所能支持的水平像素数，来确定对于待显示的网页内容的显示方案的目的，实现让同一张网页内容自动适应不同大小的屏幕，并根据屏幕宽度自动调整网页内容布局。【专利附图】【附图说明】图1为本专利技术实施例1提供的一种显示网页内容的方法的具体流程示意图； 图2为图片在网页中所占区域的水平方向宽度值的示意图； 图3为按照确定出的样式方案在网页中显示4张图片的示意图； 图4为按照确定出的样式方案在网页中显示两侧增加渐变图片的通栏广告的示意图；图5为按照确定出的样式方案在网页中显示两侧增加推送图片的通栏广告的示意图；图6为屏幕所能支持的水平像素数小于等于1024 px的用户终端按照确定出的样式方案显示水平方向宽度为980px的通栏广告的示意图； 图7为屏幕所能支持的水平像素数小于等于1366 px同时大于1024px的用户终端按照确定出的样式方案，显示两侧增加宽度为90px的渐变图片的通栏广告的示意图； 图8为屏幕所能支持的水平像素数大于1366 px的用户终端确定出的样式方案，显示两侧增加宽度为ISOpx的渐变图片的通栏广告的示意图； 图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 pxX480 px”的屏幕，其所能支持的水平像素数为640 px，所能支持的垂直像素数为480 px;对于分辨率为“1600px 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。由于“网页内容在网页中所占区域的水平方向宽度值”和“网页中的网页内容的数目”这两个参数值可以从一定程度上决定网页内容在网页中的布局方式，因此，本专利技术实施例所述的样式方案中往往至少包含这两个参数中的一个。此外，本专利技术实施例中所述的样式方案中还可以但不限于包含“网页内容在网页中所占区域的垂直方向宽度值”等等可以反映网页内容在网页中的布局方式本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员：朱立雄，谢飞，
申请(专利权)人：乐视网信息技术北京股份有限公司，
类型：发明
国别省市：