CN109948083A - 网页处理方法及装置 - Google Patents

网页处理方法及装置 Download PDF

Info

Publication number
CN109948083A
CN109948083A CN201710581755.9A CN201710581755A CN109948083A CN 109948083 A CN109948083 A CN 109948083A CN 201710581755 A CN201710581755 A CN 201710581755A CN 109948083 A CN109948083 A CN 109948083A
Authority
CN
China
Prior art keywords
container
web page
size parameter
webpage
value added
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
CN201710581755.9A
Other languages
English (en)
Other versions
CN109948083B (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 Gridsum Technology Co Ltd
Original Assignee
Beijing Gridsum 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 Gridsum Technology Co Ltd filed Critical Beijing Gridsum Technology Co Ltd
Priority to CN201710581755.9A priority Critical patent/CN109948083B/zh
Publication of CN109948083A publication Critical patent/CN109948083A/zh
Application granted granted Critical
Publication of CN109948083B publication Critical patent/CN109948083B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种网页处理方法及装置,可以根据网页最小显示比例及第一属性的尺寸参量,确定第一容器的尺寸参量增加值,将父容器的尺寸参量与尺寸参量增加值叠加得到后的尺寸参量作为第一容器的尺寸参量。本发明确定的第一容器的尺寸参量大于父容器的尺寸参量,可以使第一容器的尺寸参量满足网页进行缩放时各网页元素正常显示所需要的尺寸,同时又不影响父容器的尺寸,保持了父容器体现的网页背景的比例及位置。可见,本发明实现了网页在缩放时各网页元素的正常显示。

Description

网页处理方法及装置
技术领域
本发明涉及网页处理技术领域,尤其涉及一种网页处理方法及装置。
背景技术
网页中常会布置多种网页元素,如图片、视频、文本等,这些网页元素都会被放在用于做网页背景的父容器中。网页编辑人员一般会为父容器设置一个宽度,为了让父容器体现的网页背景的长宽比及在网页中的位置保持不变,当网页被缩放时,父容器也会按照相同的网页显示比例进行缩放。
网页中的图片等网页元素本身也会随着网页的缩放按照相同的网页显示比例进行缩放,但当网页元素具有某种特定属性,如边框时,则该网页元素的边框无法一直随着网页的缩放按照相同的网页显示比例进行缩放,网页元素某些属性在缩放到一定程度后将无法再被缩放,例如图片边框。当网页缩放时,由于父容器按照网页显示比例缩放,而边框不再随网页缩放而缩放,这就使得不再缩放的边框所在的行需要的父容器宽度大于该父容器的实际宽度,这种情况下,该行最右侧的网页元素会移动到下一行中。这就造成了网页布局的变化,使得网页无法正常显示。
如图1所示,父容器001内设置有一行网页元素,该行网页元素分别为图片003、图片005和图片006。其中,图片005具有4个图片边框,分别为:上边框、右边框004b、下边框和左边框004a,其中,上边框和下边框为横向边框,右边框004b和左边框004a为竖向边框。父容器的宽度为352像素。图片003的宽度为100像素,图片005和图片006的宽度均为60像素,右边框004b和左边框004a的宽度均为2像素。各网页元素之间设置有一定的间隔,同时网页也具有一定的页边距,该间隔和页边距均随网页的缩放按照相同的网页显示比例进行缩放。图1中网页元素的各间隔及页边距之和为128像素。
如图2所示,当该网页缩放为原来网页的25%以后,父容器宽度为88像素;图片003的宽度为25像素,图片005和图片006的宽度为15像素,由于右边框004b和左边框004a的宽度均为2像素,在缩放为原来宽度的25%后宽度将小于1像素,因此右边框004b和左边框004a的宽度在缩小至1像素后则不再跟随网页的缩小而缩小,即网页缩放为原来网页的25%时右边框004b和左边框004a的宽度均为1像素。图1中网页元素的各间隔及页边距之和在缩放为原来的25%后为32像素。此时,这行元素正常显示需要的父容器宽度为:25+1+15+1+15+32=89像素。但父容器宽度只有88像素,因此如图2所示(由于缩放25%后图片过小,因此图2所示图片进行了放大,图2仅做示意网页布局变化使用),原来这行元素中最右侧的图片006将移动到下一行中,造成了网页布局的变化。
如何解决该问题仍旧是本领域技术人员一个亟待解决的技术难题。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种网页处理方法及装置,方案如下:
一种网页处理方法,所述方法包括:
获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
可选的,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
可选的,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
在所述尺寸参量包括初始设置宽度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
可选的,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
将所述第一容器的高度增加值确定为各Hk中的最大值Hk max
在所述尺寸参量包括初始设置高度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加得到后的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
可选的,所述方法在所述获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,还包括:
在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
一种网页处理装置,所述装置包括:尺寸获得模块、增加值确定模块和尺寸确定模块,
所述尺寸获得模块,用于获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
所述增加值确定模块,用于根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
所述尺寸确定模块,用于将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
可选的,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
可选的,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述增加值确定模块,包括:宽度确定子模块、第一增加值计算子模块和第一增加值确定子模块,
所述宽度确定子模块,用于对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
所述第一增加值计算子模块,用于通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
所述第一增加值确定子模块,用于将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
在所述尺寸参量包括初始设置宽度时,所述尺寸确定模块,具体用于:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
可选的,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述增加值确定模块,包括:高度确定子模块、第二增加值计算子模块和第二增加值确定子模块,
所述高度确定子模块,用于对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
所述第二增加值计算子模块,用于通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
所述第二增加值确定子模块,用于将所述第一容器的高度增加值确定为各Hk中的最大值Hkmax
在所述尺寸参量包括初始设置高度时,所述尺寸确定模块,具体用于:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
可选的,所述装置还包括:容器设置模块,用于在所述尺寸获得模块获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
借由上述技术方案,本发明提供的一种网页处理方法及装置,可以根据网页最小显示比例及第一属性的尺寸参量,确定第一容器的尺寸参量增加值,将父容器的尺寸参量与尺寸参量增加值叠加得到后的尺寸参量作为第一容器的尺寸参量。本发明确定的第一容器的尺寸参量大于父容器的尺寸参量,可以使第一容器的尺寸参量满足网页进行缩放时各网页元素正常显示所需要的尺寸,同时又不影响父容器的尺寸,保持了父容器体现的网页背景的比例及位置。可见,本发明实现了网页在缩放时各网页元素的正常显示。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例提供的一种网页示意图;
图2示出了本发明实施例提供的另一种网页示意图;
图3示出了本发明实施例提供的一种网页处理方法的流程示意图;
图4示出了本发明实施例提供的另一种网页示意图;
图5示出了本发明实施例提供的另一种网页示意图;
图6示出了本发明实施例提供的一种网页处理装置的结构示意图;
图7示出了本发明实施例提供的另一种网页处理装置的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
如图3所示,本发明实施例提供的一种网页处理方法,可以包括:
S100、获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中。
其中,父容器是用来包含网页元素的容器,在为父容器设置初始设置宽度和初始设置高度后,各网页元素就可以设置在该父容器内。本发明在父容器内部增设一个第一容器,该第一容器的初始设置宽度和/或初始设置高度可以大于父容器。
在本发明其他实施例中,步骤S100之前还可以包括:
在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
其中,所述尺寸参量可以包括初始设置宽度和/或初始设置高度,所述第一属性为:边框或分割线等。
可选的,在网页横向排版(即网页元素横向依次排列直至占满一行,然后网页元素在下一行继续横向依次排列)时,尺寸参量为初始设置宽度,第一属性为竖向边框;在网页竖向排版(即网页元素纵向依次排列直至占满一列,然后网页元素在下一列继续纵向依次排列)时,尺寸参量为初始设置高度,第一属性为横向边框。为了同时适应网页横向排版和网页竖向排版的情况,本发明的尺寸参量可以包括初始设置宽度和初始设置高度。
其中,初始设置宽度为网页显示比例为100%时网页元素的宽度。边框的种类可以有多种,例如图片边框、图标边框、区域边框、文本边框等。可以理解的是,一般情况下网页元素周围的边框包括上边框、下边框、左边框和右边框这四个边框。在实际应用中,可以分别为各个边框设置尺寸参量,如初始设置宽度。在本发明中,可以无需区分上边框、下边框、左边框和右边框,仅需区分边框是竖向边框还是横向边框即可。
可选的,本发明实施例中的父容器、第一容器可以通过DIV实现。DIV是层叠样式表中的定位技术,全称DIVision,即为划分,有时可以称其为图层。DIV元素是用来为HTML(超文本标记语言)文档内大块(block-level)的内容提供结构和背景的元素。
为了使用户根据需要调节网页的大小,浏览器一般均具有网页缩放功能,用户可以在浏览器的网页显示范围内调节网页的大小。该网页显示范围内的最小值即为网页最小显示比例。不同的浏览器的网页最小显示比例可以相同或不同,例如:A浏览器的网页最小显示比例为50%,B浏览器的网页最小显示比例为20%。
S200、根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值。
其中,在网页横向排版时,第一容器的尺寸参量可以为第一容器的初始设置宽度,第一容器的初始设置宽度可以大于父容器的初始设置宽度。
其中,在所述尺寸参量包括初始设置宽度时,第一属性为:竖向边框,步骤S200可以具体包括:
对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
本申请发明人研究发现,边框和分割线在跟随网页的缩放进行缩放时,往往会进行向上取整的运算。例如:网页横向排版,某图片的竖向边框的宽度为2像素,浏览器的网页显示比例为25%(即0.25),则如果该竖向边框按照该网页显示比例进行缩放后其宽度本应为0.5像素,但由于向上取整,所以其实际宽度为1像素。这就需要在网页显示比例为25%时的第一容器的宽度比父容器的宽度增加0.5像素才能使得该竖向边框可以正常显示。相应的,在网页显示比例为100%时,第一容器的初始设置宽度需要比父容器的初始设置宽度增加2(即1÷0.25-2的计算结果)像素才能使得该竖向边框在25%的网页显示比例下可以正常显示。从上述2像素的宽度增加值的计算过程可以看出,随着网页显示比例的缩小,第一容器相对于父容器的宽度的增加值也越来越大,为了使得第一容器的初始设置宽度可以满足所有网页显示比例下的网页元素的正常显示,本发明可以根据浏览器的网页最小显示比例A来计算得到第一容器的宽度增加值。这样,当宽度增加值满足网页最小显示比例A时的网页元素正常显示,那么也可以满足其他显示比例时的网页元素正常显示。
由于一行网页元素中可能存在多个竖向边框,因此本发明需要对一行中的每个竖向边框正常显示所需的宽度增加值进行叠加,将叠加后得到的结果作为该行网页元素正常显示所需的宽度增加值。
同时,由于网页中可能具有多行网页元素,而每一行网页元素需要的宽度增加值可能不同,因此为了满足网页中各行网页元素正常显示的需要,本发明将宽度增加值确定为各行网页元素正常显示所需的宽度增加值中的最大值Wi max
可见,通过上述计算过程,本发明可以使得网页中所有网页元素都可以正常显示。
同样,在网页竖向排版时,第一容器的尺寸参量可以为第一容器的初始设置高度,第一容器的初始设置高度可以大于父容器的初始设置高度。
其中,在尺寸参量包括初始设置高度时,所述第一属性为:横向边框,步骤S200可以包括:
对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
将所述第一容器的高度增加值确定为各Hk中的最大值Hk max
在网页竖向排版时,本发明通过上述计算过程同样可以使得网页中所有网页元素都正常显示,具体原理和网页横向排版时类似,不再赘述。
S300、将所述父容器的尺寸参量与所述尺寸参量增加值叠加得到后的尺寸参量作为所述第一容器的尺寸参量。
其中,在所述尺寸参量包括初始设置宽度时,步骤S300可以具体包括:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
在所述尺寸参量包括初始设置高度时,步骤S300可以具体包括:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
本发明实施例提供的一种网页处理方法,可以根据网页最小显示比例及第一属性的尺寸参量,确定第一容器的尺寸参量增加值,将父容器的尺寸参量与尺寸参量增加值叠加得到后的尺寸参量作为第一容器的尺寸参量。本发明确定的第一容器的尺寸参量大于父容器的尺寸参量,可以使第一容器的尺寸参量满足网页进行缩放时各网页元素正常显示所需要的尺寸,同时又不影响父容器的尺寸,保持了父容器体现的网页背景的比例及位置。可见,本发明实现了网页在缩放时各网页元素的正常显示。
为方便理解,下面进行举例说明:
如图4所示,图4为网页显示比例为100%的横向排版网页。本发明在父容器001内设置了宽度大于父容器001的第一容器002。本领域技术人员可以理解的是,第一容器002为逻辑上包含在父容器001内,但第一容器002的宽度可以大于父容器001,从而使得第一容器002视觉上位于父容器001外层。
父容器001内设置有一行网页元素,该行网页元素分别为图片003、图片005和图片006。图片005具有4个图片边框,分别为:上边框、右边框004b、下边框和左边框004a,其中,上边框和下边框为横向边框,右边框004b和左边框004a为竖向边框。父容器的初始设置宽度为352像素。图片003的初始设置宽度为100像素,图片005和图片006的初始设置宽度均为60像素,右边框004b和左边框004a的初始设置宽度均为2像素。各网页元素之间设置有一定的间隔,同时网页也具有一定的页边距,该间隔和页边距均随网页的缩放按照相同的网页显示比例进行缩放。图4中网页元素的各间隔及页边距之和为128像素。图4所示网页所在的浏览器的网页最小显示比例为25%,则通过本发明计算得到的第一容器002的宽度增加值为4像素。则可以确定第一容器002的初始设置宽度为352+4=356像素。
如图5所示,当该网页缩放为原来网页的25%以后,父容器宽度为88像素;第一容器的宽度为89像素。由于各图片、间隔、页边距都可以跟随网页的缩放按照相同的网页显示比例进行缩放,因此当该网页缩放为原来网页的25%以后,图片003的宽度为25像素,图片005和图片006的宽度均为15像素,网页元素的各间隔及页边距之和在缩放为原来的25%后为32像素。
由于右边框004b和左边框004a的宽度均为2像素,在缩放为原来宽度的25%后宽度均将小于1像素,因此右边框004b和左边框004a的宽度在缩小至1像素后则不再跟随网页的缩小而缩小,即网页缩放为原来网页的25%时右边框004b和左边框004a的宽度均为1像素。图5中这行元素正常显示需要的父容器宽度为:25+1+15+1+15+32=89像素。而此时第一容器的宽度正为89像素,因此使得该行元素正常显示。
与上述方法实施例相对应,本发明还提供了一种网页处理装置。
如图6所示,本发明实施例提供的一种网页处理装置,可以包括:尺寸获得模块100、增加值确定模块200和尺寸确定模块300,
尺寸获得模块100,用于获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中。
其中,尺寸参量可以包括初始设置宽度和/或初始设置高度,所述第一属性可以为:边框或分割线等。
其中,父容器是用来包含网页元素的容器,在为父容器设置初始设置宽度和初始设置高度后,各网页元素就可以设置在该父容器内。本发明在父容器内部增设一个第一容器,该第一容器的初始设置宽度和/或初始设置高度可以大于父容器。
可选的,在网页横向排版(即网页元素横向依次排列直至占满一行,然后网页元素在下一行继续横向依次排列)时,尺寸参量为初始设置宽度,第一属性为竖向边框;在网页竖向排版(即网页元素纵向依次排列直至占满一列,然后网页元素在下一列继续纵向依次排列)时,尺寸参量为初始设置高度,第一属性为横向边框。为了同时适应网页横向排版和网页竖向排版的情况,本发明的尺寸参量可以包括初始设置宽度和初始设置高度。
其中,初始设置宽度为网页显示比例为100%时网页元素的宽度。边框的种类可以有多种,例如图片边框、图标边框、区域边框、文本边框等。可以理解的是,一般情况下网页元素周围的边框包括上边框、下边框、左边框和右边框这四个边框。在实际应用中,可以分别为各个边框设置尺寸参量,如初始设置宽度。在本发明中,可以无需区分上边框、下边框、左边框和右边框,仅需区分边框是竖向边框还是横向边框即可。
可选的,本发明实施例中的父容器、第一容器可以通过DIV实现。DIV是层叠样式表中的定位技术,全称DIVision,即为划分,有时可以称其为图层。DIV元素是用来为HTML(超文本标记语言)文档内大块(block-level)的内容提供结构和背景的元素。
为了使用户根据需要调节网页的大小,浏览器一般均具有网页缩放功能,用户可以在浏览器的网页显示范围内调节网页的大小。该网页显示范围内的最小值即为网页最小显示比例。不同的浏览器的网页最小显示比例可以相同或不同,例如:A浏览器的网页最小显示比例为50%,B浏览器的网页最小显示比例为20%。
增加值确定模块200,用于根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值。
其中,在网页横向排版时,第一容器的尺寸参量可以为第一容器的初始设置宽度,第一容器的初始设置宽度可以大于父容器的初始设置宽度。
可选的,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述增加值确定模块200,可以包括:宽度确定子模块、第一增加值计算子模块和第一增加值确定子模块,
所述宽度确定子模块,用于对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
所述第一增加值计算子模块,用于通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
所述第一增加值确定子模块,用于将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
本申请发明人研究发现,边框和分割线在跟随网页的缩放进行缩放时,往往会进行向上取整的运算。例如:网页横向排版,某图片的竖向边框的宽度为2像素,浏览器的网页显示比例为25%(即0.25),则如果该竖向边框按照该网页显示比例进行缩放后其宽度本应为0.5像素,但由于向上取整,所以其实际宽度为1像素。这就需要在网页显示比例为25%时的第一容器的宽度比父容器的宽度增加0.5像素才能使得该竖向边框可以正常显示。相应的,在网页显示比例为100%时,第一容器的初始设置宽度需要比父容器的初始设置宽度增加2(即1÷0.25-2的计算结果)像素才能使得该竖向边框在25%的网页显示比例下可以正常显示。从上述2像素的宽度增加值的计算过程可以看出,随着网页显示比例的缩小,第一容器相对于父容器的宽度的增加值也越来越大,为了使得第一容器的初始设置宽度可以满足所有网页显示比例下的网页元素的正常显示,本发明可以根据浏览器的网页最小显示比例A来计算得到第一容器的宽度增加值。这样,当宽度增加值满足网页最小显示比例A时的网页元素正常显示,那么也可以满足其他显示比例时的网页元素正常显示。
由于一行网页元素中可能存在多个竖向边框,因此本发明需要对一行中的每个竖向边框正常显示所需的宽度增加值进行叠加,将叠加后得到的结果作为该行网页元素正常显示所需的宽度增加值。
同时,由于网页中可能具有多行网页元素,而每一行网页元素需要的宽度增加值可能不同,因此为了满足网页中各行网页元素正常显示的需要,本发明将宽度增加值确定为各行网页元素正常显示所需的宽度增加值中的最大值Wi max
可见,本发明可以使得网页中所有网页元素都可以正常显示。
同样,在网页竖向排版时,第一容器的尺寸参量可以为第一容器的初始设置高度,第一容器的初始设置高度可以大于父容器的初始设置高度。
可选的,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述增加值确定模块200,可以包括:高度确定子模块、第二增加值计算子模块和第二增加值确定子模块,
所述高度确定子模块,用于对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
所述第二增加值计算子模块,用于通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
所述第二增加值确定子模块,用于将所述第一容器的高度增加值确定为各Hk中的最大值Hkmax
在网页竖向排版时,本发明同样可以使得网页中所有网页元素都正常显示,具体原理和网页横向排版时类似,不再赘述。
尺寸确定模块300,用于将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
可选的,在所述尺寸参量包括初始设置宽度时,所述尺寸确定模块300,可以具体用于:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
可选的,在所述尺寸参量包括初始设置高度时,所述尺寸确定模块300,可以具体用于:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
本发明实施例提供的一种网页处理装置,可以根据网页最小显示比例及第一属性的尺寸参量,确定第一容器的尺寸参量增加值,将父容器的尺寸参量与尺寸参量增加值叠加得到后的尺寸参量作为第一容器的尺寸参量。本发明确定的第一容器的尺寸参量大于父容器的尺寸参量,可以使第一容器的尺寸参量满足网页进行缩放时各网页元素正常显示所需要的尺寸,同时又不影响父容器的尺寸,保持了父容器体现的网页背景的比例及位置。可见,本发明实现了网页在缩放时各网页元素的正常显示。
如图7所示,本发明实施例提供的另一种网页处理装置,在图6所示实施例基础上还可以包括:
容器设置模块400,用于在所述尺寸获得模块100获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
所述网页处理装置包括处理器和存储器,上述尺寸获得模块、增加值确定模块、尺寸确定模块和容器设置模块等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元。内核可以设置一个或以上,通过调整内核参数来确定第一容器的尺寸参量。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flashRAM),存储器包括至少一个存储芯片。
本发明实施例提供了一种存储介质,其上存储有程序,该程序被处理器执行时实现所述网页处理方法。
本发明实施例提供了一种处理器,所述处理器用于运行程序,其中,所述程序运行时执行所述网页处理方法。
本发明实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:
获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
其中,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
其中,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
在所述尺寸参量包括初始设置宽度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
其中,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
将所述第一容器的高度增加值确定为各Hk中的最大值Hk max
在所述尺寸参量包括初始设置高度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加得到后的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
其中,所述方法在所述获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,还包括:
在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
本文中的设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:
获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
其中,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
其中,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
将所述第一容器的宽度增加值确定为各Wi中的最大值Wi max
在所述尺寸参量包括初始设置宽度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Wt=Wi max+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
其中,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
将所述第一容器的高度增加值确定为各Hk中的最大值Hk max
在所述尺寸参量包括初始设置高度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加得到后的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Ht=Hi max+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
其中,所述方法在所述获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,还包括:
在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种网页处理方法,其特征在于,所述方法包括:
获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
2.根据权利要求1所述的方法,其特征在于,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
3.根据权利要求2所述的方法,其特征在于,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
将所述第一容器的宽度增加值确定为各Wi中的最大值Wimax
在所述尺寸参量包括初始设置宽度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Wt=Wimax+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
4.根据权利要求2所述的方法,其特征在于,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值,包括:
对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
将所述第一容器的高度增加值确定为各Hk中的最大值Hkmax
在所述尺寸参量包括初始设置高度时,所述将所述父容器的尺寸参量与所述尺寸参量增加值叠加得到后的尺寸参量作为所述第一容器的尺寸参量,包括:
通过公式
Ht=Himax+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
5.根据权利要求1至4中任一项所述的方法,其特征在于,所述方法在所述获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,还包括:
在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
6.一种网页处理装置,其特征在于,所述装置包括:尺寸获得模块、增加值确定模块和尺寸确定模块,
所述尺寸获得模块,用于获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量,其中,父容器内部设置有第一容器,网页中各网页元素均设置在所述第一容器中;
所述增加值确定模块,用于根据所述网页最小显示比例及所述第一属性的尺寸参量,确定所述第一容器的尺寸参量增加值;
所述尺寸确定模块,用于将所述父容器的尺寸参量与所述尺寸参量增加值叠加后得到的尺寸参量作为所述第一容器的尺寸参量。
7.根据权利要求6所述的装置,其特征在于,所述尺寸参量包括初始设置宽度和/或初始设置高度,所述第一属性为:边框。
8.根据权利要求7所述的装置,其特征在于,在所述尺寸参量包括初始设置宽度时,所述第一属性为:竖向边框,所述增加值确定模块,包括:宽度确定子模块、第一增加值计算子模块和第一增加值确定子模块,
所述宽度确定子模块,用于对当前网页的每一行网页元素的竖向边框:确定该行网页元素的各竖向边框的初始设置宽度W0ij,其中,i为行号,j为第i行网页元素的各竖向边框的编号,n为第i行网页元素的竖向边框的个数;
所述第一增加值计算子模块,用于通过公式
计算得到各行网页元素所需的宽度增加值Wi,其中,A为网页最小显示比例;
所述第一增加值确定子模块,用于将所述第一容器的宽度增加值确定为各Wi中的最大值Wimax
在所述尺寸参量包括初始设置宽度时,所述尺寸确定模块,具体用于:
通过公式
Wt=Wimax+Wf
计算得到所述第一容器的初始设置宽度Wt,其中,所述Wf为所述父容器的初始设置宽度。
9.根据权利要求7所述的装置,其特征在于,在所述尺寸参量包括初始设置高度时,所述第一属性为:横向边框,所述增加值确定模块,包括:高度确定子模块、第二增加值计算子模块和第二增加值确定子模块,
所述高度确定子模块,用于对当前网页的每一列网页元素的横向边框:确定该列网页元素的各横向边框的初始设置高度H0km,其中,k为列号,m为第k列网页元素的各横向边框的编号,p为第k列网页元素的横向边框的个数;
所述第二增加值计算子模块,用于通过公式
计算得到各列网页元素所需的高度增加值Hk,其中,A为网页最小显示比例;
所述第二增加值确定子模块,用于将所述第一容器的高度增加值确定为各Hk中的最大值Hkmax
在所述尺寸参量包括初始设置高度时,所述尺寸确定模块,具体用于:
通过公式
Ht=Himax+Hf
计算得到所述第一容器的初始设置高度Ht,其中,所述Hf为所述父容器的初始设置高度。
10.根据权利要求6至9中任一项所述的装置,其特征在于,所述装置还包括:容器设置模块,用于在所述尺寸获得模块获得当前网页所在的浏览器的网页最小显示比例、当前网页中网页元素的第一属性的尺寸参量及当前网页中父容器的尺寸参量之前,在网页的父容器内部设置第一容器,将网页中各网页元素设置在所述第一容器中。
CN201710581755.9A 2017-07-17 2017-07-17 网页处理方法及装置 Active CN109948083B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710581755.9A CN109948083B (zh) 2017-07-17 2017-07-17 网页处理方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710581755.9A CN109948083B (zh) 2017-07-17 2017-07-17 网页处理方法及装置

Publications (2)

Publication Number Publication Date
CN109948083A true CN109948083A (zh) 2019-06-28
CN109948083B CN109948083B (zh) 2021-05-07

Family

ID=67003879

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710581755.9A Active CN109948083B (zh) 2017-07-17 2017-07-17 网页处理方法及装置

Country Status (1)

Country Link
CN (1) CN109948083B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110866208A (zh) * 2019-10-10 2020-03-06 东软集团股份有限公司 一种页面的响应式布局方法、装置及设备
CN111290754A (zh) * 2020-01-23 2020-06-16 湖南快乐阳光互动娱乐传媒有限公司 组件渲染方法及装置
CN117032676A (zh) * 2023-10-09 2023-11-10 之江实验室 一种容器自适应的方法、装置、存储介质及电子设备

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6720981B1 (en) * 1999-12-08 2004-04-13 International Business Machines Corporation Method, system and program product for animated web page construction and display
US7069508B1 (en) * 2000-07-13 2006-06-27 Language Technologies, Inc. System and method for formatting text according to linguistic, visual and psychological variables
CN102254302A (zh) * 2011-06-07 2011-11-23 盛乐信息技术(上海)有限公司 图片裁边系统及方法
CN102364460A (zh) * 2011-06-28 2012-02-29 广州市动景计算机科技有限公司 基于移动终端的页面自动放大方法和系统
CN103324734A (zh) * 2013-06-28 2013-09-25 北京奇虎科技有限公司 一种电子设备上网页缩放的方法和装置
CN104050185A (zh) * 2013-03-13 2014-09-17 百度在线网络技术(北京)有限公司 一种页面内容缩放显示处理方法及装置
CN105335382A (zh) * 2014-06-27 2016-02-17 优视科技有限公司 网页正文的提取方法和装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6720981B1 (en) * 1999-12-08 2004-04-13 International Business Machines Corporation Method, system and program product for animated web page construction and display
US7069508B1 (en) * 2000-07-13 2006-06-27 Language Technologies, Inc. System and method for formatting text according to linguistic, visual and psychological variables
CN102254302A (zh) * 2011-06-07 2011-11-23 盛乐信息技术(上海)有限公司 图片裁边系统及方法
CN102364460A (zh) * 2011-06-28 2012-02-29 广州市动景计算机科技有限公司 基于移动终端的页面自动放大方法和系统
CN104050185A (zh) * 2013-03-13 2014-09-17 百度在线网络技术(北京)有限公司 一种页面内容缩放显示处理方法及装置
CN103324734A (zh) * 2013-06-28 2013-09-25 北京奇虎科技有限公司 一种电子设备上网页缩放的方法和装置
CN105335382A (zh) * 2014-06-27 2016-02-17 优视科技有限公司 网页正文的提取方法和装置

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
ANDREADOU K: "Web image size prediction for efficient focused image crawling", 《IEEE》 *
柳洋: "基于分层结构的可缩放浏览器设计", 《中国优秀硕士学位论文全文数据库信息科技辑》 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110866208A (zh) * 2019-10-10 2020-03-06 东软集团股份有限公司 一种页面的响应式布局方法、装置及设备
CN111290754A (zh) * 2020-01-23 2020-06-16 湖南快乐阳光互动娱乐传媒有限公司 组件渲染方法及装置
CN111290754B (zh) * 2020-01-23 2023-02-24 湖南快乐阳光互动娱乐传媒有限公司 组件渲染方法及装置
CN117032676A (zh) * 2023-10-09 2023-11-10 之江实验室 一种容器自适应的方法、装置、存储介质及电子设备
CN117032676B (zh) * 2023-10-09 2024-01-26 之江实验室 一种容器自适应的方法、装置、存储介质及电子设备

Also Published As

Publication number Publication date
CN109948083B (zh) 2021-05-07

Similar Documents

Publication Publication Date Title
KR102208183B1 (ko) 컬러 트윈 애니메이션을 실현하는 방법 및 장치
CN104794116B (zh) 一种页面中元素的布局方法和装置
CN109948083A (zh) 网页处理方法及装置
CN106484080B (zh) 一种显示界面的展示方法、装置及设备
CN108780494B (zh) 到多层栅格布局的对象的对准的设备、方法和程序产品
US20140372874A1 (en) Responsive rendering of data sets
CN106611401B (zh) 一种在纹理内存中存储图像的方法及装置
CN106610785A (zh) 商品对象列表信息处理方法及装置
US20180046361A1 (en) Fitting Content to a Resized Frame
CN107977342A (zh) 一种文档对比方法及装置
CN108196845A (zh) 一种页面布局方法、装置、电子设备及可读存储介质
CN108986032A (zh) 一种广告图片处理方法及装置
CN109543139A (zh) 卷积运算方法、装置、计算机设备及计算机可读存储介质
CN107515896A (zh) 一种资源推荐方法、装置及设备
CN109857964A (zh) 一种页面操作的热力图绘制方法、装置、存储介质及处理器
CN107193815B (zh) 一种页面代码的处理方法、装置及设备
CN110020350A (zh) 网页热力图的绘制方法、装置、存储介质及处理器
CN103970890A (zh) 一种实时网页数据的生成方法及装置
CN109582188B (zh) 一种实现弹窗内元素定位的方法、装置及相关设备
CN109522532B (zh) 一种折线图框选范围的计算方法及装置
Kuriakose et al. Optimization of a real time web enabled mixed model stochastic assembly line to reduce production time
CN111078967A (zh) 显示方法、装置、电子设备和存储介质
CN105868201A (zh) 页面生成方法及装置
CN109101144A (zh) 热力图绘制方法及装置
CN108228043A (zh) 图像数据的移动方法及装置

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
CB02 Change of applicant information

Address after: 100080 No. 401, 4th Floor, Haitai Building, 229 North Fourth Ring Road, Haidian District, Beijing

Applicant after: Beijing Guoshuang Technology Co.,Ltd.

Address before: 100086 Beijing city Haidian District Shuangyushu Area No. 76 Zhichun Road cuigongfandian 8 layer A

Applicant before: Beijing Guoshuang Technology Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant