页面渲染显示方法、装置、设备、存储介质和程序产品制造方法及图纸

本公开关于一种页面渲染显示方法、装置、设备、存储介质和程序产品，包括：获取在当前显示窗口待渲染的页面的页面信息；对第一模块所占区域进行渲染后，确定第一模块内显示的对象采用指定类型的第一适配单位时，根据在当前显示窗口中第一模块所占区域被渲染的尺寸，确定对象的第一适配单位的像素数量；根据对象在标准窗口中的尺寸和标准窗口中第一适配单位的像素数量，确定对象的第一适配单位的单位数量；根据对象的第一适配单位的单位数量和像素数量，确定对象的所占原始区域；利用调整系数，调整对象所占原始区域后得到对象所占区域后进行渲染显示；第一模块为页面中任一模块，调整系数为标准窗口的尺寸与第一模块在标准窗口中的尺寸两者之比。口中的尺寸两者之比。口中的尺寸两者之比。

【技术实现步骤摘要】
页面渲染显示方法、装置、设备、存储介质和程序产品


[0001]本公开涉及计算机
，尤指一种页面渲染显示方法、装置、设备、存储介质和程序产品。

技术介绍

[0002]Web网页是由超级文本标记语言(Hyper Text Markup Language，HTML)和层叠样式表(Cascading Style Sheets，CSS)构建的静态页面，用户在浏览Web网页时需要进行交互，因此需要加载相应的脚本语言进行网页内容的更新。
[0003]网页加载技术可以采用多种渲染方式进行渲染，在进行网页渲染时，通过运行对应的脚本语言，加载符合CSS样式的HTML文件，得到渲染的页面。在客户端进行页面渲染时，由于客户端的显示器件的尺寸大小不一，导致不同尺寸的电子设备在显示同一个设计稿页面时，需要根据客户端的显示器件的尺寸进行适配。
[0004]根据CSS样式文件，Web页面通常有多个模块组成，Web页面中的显示的各部分内容以元素的形式被设置于对应的模块之中。对于一些存在嵌套关系的内容，需要将嵌套元素所在的模块嵌套于外侧模块之中。
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面渲染显示方法，其特征在于，包括：获取在当前显示窗口待渲染的页面的页面信息，所述页面信息包括组成页面的多个模块、各模块内显示的对象、各模块内显示的对象采用的适配单位及所述对象在标准窗口中的尺寸，所述对象包括页面元素或嵌套的另一个模块；对第一模块所占区域进行渲染后，确定所述第一模块内显示的对象采用指定类型的第一适配单位时，根据在所述当前显示窗口中所述第一模块所占区域被渲染的尺寸，确定所述对象的第一适配单位的像素数量；根据所述对象在所述标准窗口中的尺寸和所述标准窗口中所述第一适配单位的像素数量，确定所述对象的第一适配单位的单位数量；根据所述对象的第一适配单位的单位数量和像素数量，确定所述对象的所占原始区域；利用调整系数，调整所述对象所占原始区域后得到所述对象所占区域后，对所述对象所占区域进行渲染显示；其中，所述第一模块为所述页面中的任一个模块，所述调整系数为所述标准窗口的尺寸，与所述第一模块在所述标准窗口中的尺寸两者之间的比例。2.如权利要求1所述的页面渲染显示方法，其特征在于，所述利用所述调整系数，调整所述对象所占原始区域后得到所述对象所占区域，包括：利用所述调整系数调整所述对象的第一适配单位的像素数量，利用调整后的像素数量和所述单位数量，得到所述对象所占区域；或者利用所述调整系数调整所述对象的第一适配单位的单位数量，利用调整后的单位数量和所述像素数量，得到调整后的所述对象所占区域；或者根据所述对象的第一适配单位的所述单位数量和像素数量得到所述对象的原始区域，利用所述调整系数调整所述对象的原始区域，得到所述对象所占区域。3.如权利要求1
‑
2任一项所述的页面渲染显示方法，其特征在于，所述得到所述对象所占区域并进行渲染显示，包括：根据所述页面信息，确定所述对象所占区域指定位置像素点在所述当前显示窗口的位置信息；根据所述位置信息确定所述指定位置像素点在所述当前显示窗口的位置；根据所述指定位置像素点与所述对象所占区域其他像素点的关系，得到所述对象所占区域在所述当前显示窗口的位置，并进行渲染显示。4.如权利要求1所述的页面渲染显示方法，其特征在于，所述利用所述调整系数，调整所述对象所占原始区域后得到所述对象所占区域，具体为：width＝widthValue
×
fontsize
×
coefficientheight＝heightValue
×
fontsize
×
coefficient其中，width表示所述对象所占区域的宽度，height表示所述对象所占区域的高度，widthValue表示所述对象在所述标准页面中在宽度方向上占用的所述第一适配单位的单位数量...

【专利技术属性】
技术研发人员：李惠清，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：