CN115828846A - 展示页面字体处理方法及其相关设备 - Google Patents
展示页面字体处理方法及其相关设备 Download PDFInfo
- Publication number
- CN115828846A CN115828846A CN202211559266.0A CN202211559266A CN115828846A CN 115828846 A CN115828846 A CN 115828846A CN 202211559266 A CN202211559266 A CN 202211559266A CN 115828846 A CN115828846 A CN 115828846A
- Authority
- CN
- China
- Prior art keywords
- page
- font
- function
- variable
- node element
- 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.)
- Pending
Links
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Controls And Circuits For Display Device (AREA)
Abstract
本申请实施例属于UI设计技术领域,应用于网页配置领域中,涉及一种展示页面字体处理方法及其相关设备,包括根据页面初始化信息,判断页面字体是否开启了大字版功能;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
Description
技术领域
本申请涉及U I设计技术领域,尤其涉及一种展示页面字体处理方法及其相关设备。
背景技术
随着互联网和移动应用的不断普及,越来越多的中老年群体也成为金融业务APP用户的主要群体之一。因此APP在建设自身业务的同时,关注中老年人的使用体验成为必不可少的一部分,最主要的功能是大字版实现功能。
现有技术中,实现大字版功能的处理方案是判断当前环境是否是大字版来给元素添加特殊类,每个元素需要通过特殊类修改元素的大小、字体大小甚至是位置等样式,且大字版的处理糅杂在业务代码中,同时样式代码也变得冗余复杂,因此,实现大字版功能存在整体工作低效且不易维护的问题。
发明内容
本申请实施例的目的在于提出一种展示页面字体处理方法及其相关设备,以解决现有技术中实现大字版功能存在整体工作低效且不易维护的问题。
为了解决上述技术问题,本申请实施例提供一种展示页面字体处理方法,采用了如下所述的技术方案:
一种展示页面字体处理方法,包括下述步骤:
执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息;
根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;
执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素;
根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
进一步的,在执行所述根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能的步骤之后,所述方法还包括:
获取所述返回值和所述用于表征页面字体是否开启了大字版功能所对应的变量名称,将所述变量名称和所述返回值相对应缓存至执行程序的全局变量内。
进一步的,在执行所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤之前,所述方法还包括:
获取所述根节点元素及各子节点元素分别所对应的页面组件内容;
识别出所述页面组件内容中用于表征字体大小和字体位置的CSS设置信息;
使用预设的第一区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;
使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;
使用预设的第三区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体位置信息;
使用预设的第四区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体位置信息。
进一步的,所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤,具体包括:
获取所述第一区别变量中封装的CSS字体大小信息;
采用rem/em相对单位调整法,调整所述第一区别变量中封装的CSS字体大小信息,获取调整之后的CSS字体大小信息,其中,rem相对单位用于调整所述根节点元素的字号,em相对单位用于调整所述各子节点元素的字号;
使用所述第二区别变量封装所述调整之后的CSS字体大小信息。
进一步的,在执行所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤之后,所述方法还包括:
获取未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第一PX值;
获取已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第二PX值;
判断所述第二PX值与所述第一PX值的比例关系是否满足预设比例阈值;
若所述比例关系满足预设比例阈值,则向预设页面渲染监控平台发送设置成功提示;
若所述比例关系不满足预设比例阈值,则向预设页面渲染监控平台发送设置调整提示。
进一步的,所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,具体包括:
从全局变量内获取用于表征页面字体是否开启了大字版功能所对应的变量名称的返回值;
根据所述返回值,调用相对应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
进一步的,所述根据所述返回值,调用相应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,包括:
若通过所述返回值识别出所述页面字体未开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第一区别变量和所述第三区别变量,根据所述第一区别变量设置对应字体大小,根据所述第三区别变量设置对应字体位置;
若通过所述返回值识别出所述页面字体已开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第二区别变量和所述第四区别变量,根据所述第二区别变量设置对应字体大小,根据所述第四区别变量设置对应字体位置。
为了解决上述技术问题,本申请实施例还提供一种展示页面字体处理装置,采用了如下所述的技术方案:
一种展示页面字体处理装置,包括:
页面初始化模块,用于执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息;
大字版判断模块,用于根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;
页面节点获取模块,用于执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素;
自动化调整模块,用于根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现上述所述的展示页面字体处理方法的步骤。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如上述所述的展示页面字体处理方法的步骤。
与现有技术相比,本申请实施例主要有以下有益效果:
本申请实施例所述展示页面字体处理方法,根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
附图说明
为了更清楚地说明本申请中的方案,下面将对本申请实施例描述中所需要使用的附图作一个简单介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请可以应用于其中的示例性系统架构图;
图2根据本申请的展示页面字体处理方法的一个实施例的流程图;
图3根据本申请的展示页面字体处理装置的一个实施例的结构示意图;
图4根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Mov i ng P i ctureExpertsGroup Aud i o Layer I I I,动态影像专家压缩标准音频层面3)、MP4(Mov i ngP i ctureExperts Group Aud i o Layer I V,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的展示页面字体处理方法一般由服务器/终端设备执行,相应地,展示页面字体处理装置一般设置于服务器/终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的展示页面字体处理方法的一个实施例的流程图。所述的展示页面字体处理方法,包括以下步骤:
步骤201,执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息。
本实施例中,所述返回日志中记录了从页面初始化程序启动至所述页面初始化完成,整个初始化过程中所有被执行的被调用方法的返回值。
步骤202,根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值。
本实施例中,所述大字版功能指对目标展示页面内字体进行放大的功能,在实际的业务场景中,主要使用于老年APP的页面展示及老年手机的界面展示场景中。
本实施例中,在执行所述根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能的步骤之后,所述方法还包括:获取所述返回值和所述用于表征页面字体是否开启了大字版功能所对应的变量名称,将所述变量名称和所述返回值相对应缓存至执行程序的全局变量内。
具体的,通过将所述变量名称和所述返回值相对应缓存至执行程序的全局变量内,便于后期识别程序是否开启了大字版功能,将非全局变量使用全局变量的方式进行保存,更便于直接从执行程序中调用和获取,快速进行识别。
具体的,以vue前端页面项目为例,假定该vue项目的全局变量都缓存在vue-store中,vue-store是vue项目开发中的管理状态(管理变量),主要用于管理vue中其他变量的状态信息,是否开启大字版功能对应变量为i sLarge,若开启了大字版功能,则对应返回值为true,否则返回值为fa l se,即可以理解为开启了大字版功能,则变量i sLarge对应的状态值为true,未开启大字版功能,则变量i sLarge对应的状态值为fa l se。在页面初始化完成之后,获取变量i sLarge及其对应的状态值,并成对缓存至vue-store内。
步骤203,执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素。
本实施例中,执行DOM对象获取方法,获取组成所述页面时对应的HTML标签中的根节点标签和各子节点标签,即所述页面的根节点元素及各子节点元素。通过DOM对象解析方法,获取页面内各组成节点的字体属性信息,便于后续通过控制节点的方式直接控制页面的渲染调整。
步骤204,根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
本实施例中,在执行所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤之前,所述方法还包括:获取所述根节点元素及各子节点元素分别所对应的页面组件内容;识别出所述页面组件内容中用于表征字体大小和字体位置的CSS设置信息;使用预设的第一区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;使用预设的第三区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体位置信息;使用预设的第四区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体位置信息。
通过直接将正常版设置的CSS字体大小信息封装到第一区别变量,即将大字版设置的CSS字体大小信息封装到第二区别变量,便于在进行开启大字版功能时,无需编写复杂的逻辑程序,只需调用当前节点对应第二区别变量替换相对应的第一区别变量进行简单更换,即通过CSS字体大小信息的更新完成了页面由大字版更新为正常版,避免了编写大量复杂的逻辑执行程序,以CSS页面组件内字体配置信息更新的方式,降低服务器的执行压力。
本实施例中,所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤,具体包括:获取所述第一区别变量中封装的CSS字体大小信息;采用rem/em相对单位调整法,调整所述第一区别变量中封装的CSS字体大小信息,获取调整之后的CSS字体大小信息,其中,rem相对单位用于调整所述根节点元素的字号,em相对单位用于调整所述各子节点元素的字号;使用所述第二区别变量封装所述调整之后的CSS字体大小信息。
具体的,所述字号对应的页面标签为font-s i ze,假设字号为14px,则第一区别变量中封装的CSS字体大小信息为font-s i ze:14px,采用rem/em相对单位调整法,假设所述各子节点元素的字号为14px,将所述各子节点元素的字号相对调整为2em,即此时字号为font-s i ze:14px*2em=28px。
通过采用rem/em相对单位调整法,即预先设置大字版时的字体字号相对于正常版时字体字号的倍数关系。
本实施例中,在执行所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤之后,所述方法还包括:获取未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第一PX值;获取已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第二PX值;判断所述第二PX值与所述第一PX值的比例关系是否满足预设比例阈值;若所述比例关系满足预设比例阈值,则向预设页面渲染监控平台发送设置成功提示;若所述比例关系不满足预设比例阈值,则向预设页面渲染监控平台发送设置调整提示。
通过比较所述第一PX值和所述第二PX值,相当于在进行大字版字体设置时,完成了对比监测,保证了在页面进行大字版更新时,字体字号符合大字版的调整要求,使得大字版页面开启前,调整更加科学化和符合目标受众群体。
本实施例中,所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,具体包括:从全局变量内获取用于表征页面字体是否开启了大字版功能所对应的变量名称的返回值;根据所述返回值,调用相对应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
本实施例中,所述根据所述返回值,调用相应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,包括:若通过所述返回值识别出所述页面字体未开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第一区别变量和所述第三区别变量,根据所述第一区别变量设置对应字体大小,根据所述第三区别变量设置对应字体位置;若通过所述返回值识别出所述页面字体已开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第二区别变量和所述第四区别变量,根据所述第二区别变量设置对应字体大小,根据所述第四区别变量设置对应字体位置。
本申请根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Art i f i c i a l I nte l l i gence,A I)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
本申请实施例中,根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
进一步参考图3,作为对上述图2所示方法的实现,本申请提供了一种展示页面字体处理装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图3所示,本实施例所述的展示页面字体处理装置300包括:页面初始化模块301、大字版判断模块302、页面节点获取模块303和自动化调整模块304。其中:
页面初始化模块301,用于执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息;
大字版判断模块302,用于根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;
页面节点获取模块303,用于执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素;
自动化调整模块304,用于根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
在本申请的一些具体的实施方式中,所述的展示页面字体处理装置300还包括变量缓存调整模块,所述变量缓存调整模块用于获取所述返回值和所述用于表征页面字体是否开启了大字版功能所对应的变量名称,将所述变量名称和所述返回值相对应缓存至执行程序的全局变量内。
在本申请的一些具体的实施方式中,所述的展示页面字体处理装置300还包括区别变量封装模块,所述区别变量封装模块用于获取所述根节点元素及各子节点元素分别所对应的页面组件内容;还用于识别出所述页面组件内容中用于表征字体大小和字体位置的CSS设置信息;还用于使用预设的第一区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;还用于使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;还用于使用预设的第三区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体位置信息;还用于使用预设的第四区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体位置信息。
本申请根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,该计算机可读指令可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-On l y Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图4,图4为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器4a、处理器4b、网络接口4c。需要指出的是,图中仅示出了具有组件4a-4c的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(App l i cat i onSpec i f i c I ntegrated Ci rcu it,AS I C)、可编程门阵列(Fi e l d-Programmabl e Gate Array,FPGA)、数字处理器(D i g i ta l S i gna lProcessor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器4a至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器4a可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器4a也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Med i aCard,SMC),安全数字(Secure D i g i ta l,SD)卡,闪存卡(Fl ash Card)等。当然,所述存储器4a还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器4a通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如展示页面字体处理方法的计算机可读指令等。此外,所述存储器4a还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器4b在一些实施例中可以是中央处理器(Centra lProcess i ng Un it,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器4b通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器4b用于运行所述存储器4a中存储的计算机可读指令或者处理数据,例如运行所述展示页面字体处理方法的计算机可读指令。
所述网络接口4c可包括无线网络接口或有线网络接口,该网络接口4c通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本实施例提出的计算机设备,属于U I设计技术领域。本申请根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令可被处理器执行,以使所述处理器执行如上述的展示页面字体处理方法的步骤。
本实施例提出的计算机可读存储介质,属于U I设计技术领域。本申请根据页面初始化信息,判断页面字体是否开启了大字版功能,其中,页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;执行DOM对象获取方法,遍历获取组成页面的根节点元素及各子节点元素;根据页面字体是否开启了大字版功能为根节点元素及各子节点元素对应的页面字体进行样式自动化调整。通过设定页面内根节点元素及各子节点元素的字体大小基准和位置信息,使用相对单位rem/em实现基于所述基准的调整,即可实现整体的放大功能,代码量大大降低,并且处理办法高效,可快速的大批量改造放大现有的页面,从而快速实现大字版建设。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种展示页面字体处理方法,其特征在于,包括下述步骤:
执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息;
根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;
执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素;
根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
2.根据权利要求1所述的展示页面字体处理方法,其特征在于,在执行所述根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能的步骤之后,所述方法还包括:
获取所述返回值和所述用于表征页面字体是否开启了大字版功能所对应的变量名称,将所述变量名称和所述返回值相对应缓存至执行程序的全局变量内。
3.根据权利要求1所述的展示页面字体处理方法,其特征在于,在执行所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤之前,所述方法还包括:
获取所述根节点元素及各子节点元素分别所对应的页面组件内容;
识别出所述页面组件内容中用于表征字体大小和字体位置的CSS设置信息;
使用预设的第一区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;
使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息;
使用预设的第三区别变量封装未开启大字版功能时所述页面组件内容中设置的CSS字体位置信息;
使用预设的第四区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体位置信息。
4.根据权利要求3所述的展示页面字体处理方法,其特征在于,所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤,具体包括:
获取所述第一区别变量中封装的CSS字体大小信息;
采用rem/em相对单位调整法,调整所述第一区别变量中封装的CSS字体大小信息,获取调整之后的CSS字体大小信息,其中,rem相对单位用于调整所述根节点元素的字号,em相对单位用于调整所述各子节点元素的字号;
使用所述第二区别变量封装所述调整之后的CSS字体大小信息。
5.根据权利要求3或4所述的展示页面字体处理方法,其特征在于,在执行所述使用预设的第二区别变量封装已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息的步骤之后,所述方法还包括:
获取未开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第一PX值;
获取已开启大字版功能时所述页面组件内容中设置的CSS字体大小信息,记为第二PX值;
判断所述第二PX值与所述第一PX值的比例关系是否满足预设比例阈值;
若所述比例关系满足预设比例阈值,则向预设页面渲染监控平台发送设置成功提示;
若所述比例关系不满足预设比例阈值,则向预设页面渲染监控平台发送设置调整提示。
6.根据权利要求1所述的展示页面字体处理方法,其特征在于,所述根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,具体包括:
从全局变量内获取用于表征页面字体是否开启了大字版功能所对应的变量名称的返回值;
根据所述返回值,调用相对应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
7.根据权利要求6所述的展示页面字体处理方法,其特征在于,所述根据所述返回值,调用相应的区别变量为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整的步骤,包括:
若通过所述返回值识别出所述页面字体未开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第一区别变量和所述第三区别变量,根据所述第一区别变量设置对应字体大小,根据所述第三区别变量设置对应字体位置;
若通过所述返回值识别出所述页面字体已开启大字版功能,则获取所述根节点元素及各子节点元素分别所对应的所述第二区别变量和所述第四区别变量,根据所述第二区别变量设置对应字体大小,根据所述第四区别变量设置对应字体位置。
8.一种展示页面字体处理装置,其特征在于,包括:
页面初始化模块,用于执行页面初始化方法,根据所述页面初始化方法对应的返回日志,获取页面初始化信息;
大字版判断模块,用于根据所述页面初始化信息,判断所述页面字体是否开启了大字版功能,其中,所述页面初始化信息中包括用于表征页面字体是否开启了大字版功能所对应的返回值;
页面节点获取模块,用于执行DOM对象获取方法,遍历获取组成所述页面的根节点元素及各子节点元素;
自动化调整模块,用于根据所述页面字体是否开启了大字版功能为所述根节点元素及各子节点元素对应的页面字体进行样式自动化调整。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的展示页面字体处理方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的展示页面字体处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211559266.0A CN115828846A (zh) | 2022-12-06 | 2022-12-06 | 展示页面字体处理方法及其相关设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211559266.0A CN115828846A (zh) | 2022-12-06 | 2022-12-06 | 展示页面字体处理方法及其相关设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115828846A true CN115828846A (zh) | 2023-03-21 |
Family
ID=85544306
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211559266.0A Pending CN115828846A (zh) | 2022-12-06 | 2022-12-06 | 展示页面字体处理方法及其相关设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115828846A (zh) |
-
2022
- 2022-12-06 CN CN202211559266.0A patent/CN115828846A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
CN115712422A (zh) | 表单页面的生成方法、装置、计算机设备及存储介质 | |
CN115455058A (zh) | 缓存数据的处理方法、装置、计算机设备及存储介质 | |
CN117195886A (zh) | 基于人工智能的文本数据处理方法、装置、设备及介质 | |
CN117234505A (zh) | 一种交互页面生成方法、装置、设备及其存储介质 | |
CN116774973A (zh) | 数据渲染方法、装置、计算机设备及存储介质 | |
CN116450723A (zh) | 数据提取方法、装置、计算机设备及存储介质 | |
CN116483425A (zh) | 微服务灰度发版方法、装置、设备及其存储介质 | |
CN116383787A (zh) | 页面创建方法、装置、计算机设备及存储介质 | |
CN115185625A (zh) | 基于可配置卡片的自推荐式界面更新方法及其相关设备 | |
CN115828846A (zh) | 展示页面字体处理方法及其相关设备 | |
CN114510908A (zh) | 数据导出方法、装置、计算机设备及存储介质 | |
CN113239670A (zh) | 一种业务模板上传的方法、装置、计算机设备及存储介质 | |
CN114510916B (zh) | 一种模板加载方法、装置、计算机设备及存储介质 | |
CN116108814B (zh) | 甘特图处理方法、装置、计算机设备及存储介质 | |
CN117033249B (zh) | 一种测试用例生成方法、装置、计算机设备及存储介质 | |
CN115828018A (zh) | 电子杂志界面素材替换方法及其相关设备 | |
CN117874073A (zh) | 一种搜索优化方法、装置、设备及其存储介质 | |
CN117215947A (zh) | 一种页面白屏检测方法、装置、计算机设备及存储介质 | |
CN117591190A (zh) | 一种应用数据加载优化方法、装置、设备及其存储介质 | |
CN114675813A (zh) | 模板语法的统一方法、装置、计算机设备及存储介质 | |
CN116450271A (zh) | 列表图片加载改进方法、装置、设备及其存储介质 | |
CN116450948A (zh) | 基于ai的消息智能推送方法、装置、设置及其存储介质 | |
CN117850842A (zh) | 一种插件更新方法、装置、设备及其存储介质 | |
CN115546356A (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 |