网页界面缩放控制方法、系统、终端及存储介质与流程

    专利查询2026-05-04  9


    本发明属于计算机,具体涉及一种网页界面缩放控制方法、系统、终端及存储介质。


    背景技术:

    1、浏览器缩放可以通过多种方法实现,包括使用快捷键、浏览器设置或特定的应用程序设置。

    2、使用快捷键:大多数现代浏览器支持使用快捷键来调整缩放比例。例如,在windows系统中,你可以按住ctrl键并同时按下+键来放大网页,或按住ctrl键并同时按下-键来缩小网页。此外,你也可以使用ctrl和数字键盘上的*(星号)来进行更精细的缩放调整。

    3、通过浏览器设置:许多浏览器提供通过设置菜单调整缩放比例的选项。例如,在microsoft edge浏览器中,你可以通过点击右上角的三个点菜单,选择“设置”,然后点击“外观”来找到页面缩放按钮,从中选择你需要的缩放比例。类似地,360浏览器也提供了在设置菜单中选择“网页缩放”的选项来调整缩放比例。

    4、特定浏览器的设置:特定浏览器可能有其独特的设置方法。例如,safari浏览器在mac上可以通过选择“safari浏览器”>“设置”>“网站”>“页面缩放”来进行设置。对于internet explorer,虽然具体步骤未详细说明,但通常也会提供类似的设置选项。

    5、在传统的浏览器缩放中,往往会出现部分元素能够缩放,而部分元素无法缩放的情况,这导致网页在不同缩放比例下显示效果不佳,影响了用户体验。此外,不同用户由于视力和使用习惯的不同,对于网页元素的大小需求也各不相同。


    技术实现思路

    1、针对现有技术的上述不足,本发明提供一种网页界面缩放控制方法、系统、终端及存储介质,以解决上述技术问题。

    2、第一方面,本发明提供一种网页界面缩放控制方法,包括:

    3、获取网页界面的基础单位;

    4、基于所述基础单位设置网页界面的字体大小属性;

    5、将网页界面的视窗缩放至目标缩放倍数,并所述目标缩放倍数,调整网页根元素中的字体大小属性;

    6、将网页根元素中的字体大小属性的具体参数值设置为相对长度单位。

    7、在一个可选的实施方式中,还包括:

    8、在所述网页界面中增设缩放控件,所述缩放控件包括输入框,所述输入框用于写入目标缩放倍数。

    9、在一个可选的实施方式中,获取网页界面的基础单位,包括:

    10、使用视口宽度单位或视口高度单位确定基础单位大小,宽度固定高度不固定的网页界面选择视口宽度单位作为单位基础,高度固定的网页界面使用视口高度单位作为基础单位。

    11、在一个可选的实施方式中,基于所述基础单位设置网页界面的字体大小属性,包括:

    12、若所述基础单位为视口高度单位,则获取系统界面的设计高度,并将网页根元素中的字体大小属性设置为100vh/h,其中vh为视口高度单位,h为设计高度;

    13、若所述基础单位为视口宽度单位,则获取系统界面的设计宽度,并将网页根元素中的字体大小属性设置为100vh/h,其中vh为视口宽度单位,h为设计宽度。

    14、在一个可选的实施方式中,将网页界面的视窗缩放至目标缩放倍数,并基于所述目标缩放倍数,调整网页根元素中的字体大小属性,包括:

    15、将所述目标缩放倍数设置为字体缩放倍数,并将字体缩放倍数与基础单位的乘积设置为字体大小值;

    16、将所述字体大小值写入网页根元素的字体大小属性项中。

    17、第二方面,本发明提供一种网页界面缩放控制系统,包括:

    18、基础获取模块,用于获取网页界面的基础单位;

    19、基础设置模块,用于基于所述基础单位设置网页界面的字体大小属性;

    20、字体缩放模块,用于将网页界面的视窗缩放至目标缩放倍数,并所述目标缩放倍数,调整网页根元素中的字体大小属性;

    21、元素缩放模块,用于将网页根元素中的字体大小属性的具体参数值设置为相对长度单位。

    22、在一个可选的实施方式中,还包括:

    23、控件增设模块,用于在所述网页界面中增设缩放控件,所述缩放控件包括输入框,所述输入框用于写入目标缩放倍数。

    24、在一个可选的实施方式中,所述基础获取模块包括:

    25、获取单元,用于使用视口宽度单位或视口高度单位确定基础单位大小,宽度固定高度不固定的网页界面选择视口宽度单位作为单位基础,高度固定的网页界面使用视口高度单位作为基础单位。

    26、在一个可选的实施方式中,基于所述基础单位设置网页界面的字体大小属性,包括:

    27、若所述基础单位为视口高度单位,则获取系统界面的设计高度,并将网页根元素中的字体大小属性设置为100vh/h,其中vh为视口高度单位,h为设计高度;

    28、若所述基础单位为视口宽度单位,则获取系统界面的设计宽度,并将网页根元素中的字体大小属性设置为100vh/h,其中vh为视口宽度单位,h为设计宽度。

    29、在一个可选的实施方式中,将网页界面的视窗缩放至目标缩放倍数,并基于所述目标缩放倍数,调整网页根元素中的字体大小属性,包括:

    30、将所述目标缩放倍数设置为字体缩放倍数,并将字体缩放倍数与基础单位的乘积设置为字体大小值;

    31、将所述字体大小值写入网页根元素的字体大小属性项中。

    32、第三方面,提供一种终端,包括:

    33、处理器、存储器,其中,

    34、该存储器用于存储计算机程序,

    35、该处理器用于从存储器中调用并运行该计算机程序,使得终端执行上述的终端的方法。

    36、第四方面,提供了一种计算机存储介质,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行上述各方面所述的方法。

    37、本发明的有益效果在于,本发明提供的网页界面缩放控制方法、系统、终端及存储介质,解决了网页元素缩放不一致的问题,提升了网页的可访问性和易用性,还满足了不同用户的个性化需求。同时,该方法也解决了传统浏览器缩放功能的局限性问题,为网页设计师和开发者提供了一种新的、更有效的网页缩放控制方案。

    38、此外,本发明设计原理可靠,结构简单,具有非常广泛的应用前景。



    技术特征:

    1.一种网页界面缩放控制方法,其特征在于,包括:

    2.根据权利要求1所述的方法,其特征在于,还包括:

    3.根据权利要求1所述的方法,其特征在于,获取网页界面的基础单位,包括:

    4.根据权利要求3所述的方法,其特征在于,基于所述基础单位设置网页界面的字体大小属性,包括:

    5.根据权利要求1所述的方法,其特征在于,将网页界面的视窗缩放至目标缩放倍数,并基于所述目标缩放倍数,调整网页根元素中的字体大小属性,包括:

    6.一种网页界面缩放控制系统,其特征在于,包括:

    7.根据权利要求6所述的系统,其特征在于,还包括:

    8.根据权利要求6所述的系统,其特征在于,所述基础获取模块包括:

    9.一种终端,其特征在于,包括:

    10.一种存储有计算机程序的计算机可读存储介质,其特征在于,所述可读存储介质上存储有网页界面缩放控制程序,所述网页界面缩放控制程序被处理器执行时实现如权利要求1-5任一项所述网页界面缩放控制方法的步骤。


    技术总结
    本发明涉及计算机技术领域,具体提供一种网页界面缩放控制方法、系统、终端及存储介质,包括:获取网页界面的基础单位;基于所述基础单位设置网页界面的字体大小属性;将网页界面的视窗缩放至目标缩放倍数,并所述目标缩放倍数,调整网页根元素中的字体大小属性;将网页根元素中的字体大小属性的具体参数值设置为相对长度单位。本发明解决了网页元素缩放不一致的问题,提升了网页的可访问性和易用性,还满足了不同用户的个性化需求。同时,该方法也解决了传统浏览器缩放功能的局限性问题,为网页设计师和开发者提供了一种新的、更有效的网页缩放控制方案。

    技术研发人员:马迎捷,房爱印,尹曦萌,王泽宇,孙正均
    受保护的技术使用者:山东浪潮智水数字科技有限公司
    技术研发日:
    技术公布日:2024/11/26
    转载请注明原文地址:https://tc.8miu.com/read-35332.html

    最新回复(0)