CN113535181B - 文件处理方法、装置、电子设备、存储介质及产品 - Google Patents

文件处理方法、装置、电子设备、存储介质及产品 Download PDF

Info

Publication number
CN113535181B
CN113535181B CN202110701780.2A CN202110701780A CN113535181B CN 113535181 B CN113535181 B CN 113535181B CN 202110701780 A CN202110701780 A CN 202110701780A CN 113535181 B CN113535181 B CN 113535181B
Authority
CN
China
Prior art keywords
attribute
module
object model
document object
model 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.)
Active
Application number
CN202110701780.2A
Other languages
English (en)
Other versions
CN113535181A (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 Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information 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 Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202110701780.2A priority Critical patent/CN113535181B/zh
Publication of CN113535181A publication Critical patent/CN113535181A/zh
Application granted granted Critical
Publication of CN113535181B publication Critical patent/CN113535181B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/40Transformation of program code
    • G06F8/41Compilation
    • G06F8/43Checking; Contextual analysis
    • G06F8/436Semantic checking

Abstract

本公开关于一种文件处理方法、装置、电子设备、计算机可读存储介质及计算机程序产品,所述方法包括:获取页面的编译打包指令;根据编译打包指令,调用模块打包器中的模块转换器遍历页面的所有脚本文件;在脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性;对添加增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。本公开实施例中,利用模块打包器中的模块转换器遍历页面所有的脚本文件,通过在现有的脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性,并对该脚本文件的源代码进行文档对象模型元素的编译打包处理,避免开发过程中编写额外的代码,减少了开发成本。

Description

文件处理方法、装置、电子设备、存储介质及产品
技术领域
本公开涉及计算机技术领域,尤其涉及一种文件处理方法、装置、电子设备、计算机可读存储介质及计算机程序产品。
背景技术
随着移动终端设备的普及,以及网络技术的发展,越来越多的用户离不开网络。有效提升网站或网页的可访问性,可以让更多的用户群体受益,比如使用移动设备的人群,视觉障碍人群,以及使用低速网络连接的人群等。
相关技术中,大部分网站在开发阶段中,由于考虑到开发成本及其他原因对页面可访问性不够重视,使得视觉障碍用户难以正常访问网页。也即是说,在开发阶段,如果要提升网页的可访问性,就需要额外编写增强页面可访问性的代码,从而增加了开发成本,降低了有障碍用户的体验。
发明内容
本公开提供一种文件处理方法、装置、电子设备、计算机可读存储介质及计算机程序产品,以至少解决相关技术中由于在开发阶段需要额外编写增强页面可访问性的代码,导致开发成本增加的技术问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种文件处理方法,包括:
获取页面的编译打包指令;
根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本文件;
在所述脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性;
对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
可选的,所述在所述脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性,包括:
对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果;
根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性。
可选的,所述对所述脚本文件中源代码对应文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
根据得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域属性。
可选的,所述对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素,得到包括表单控件的查找结果;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
确定所述查找结果中的每个表单控件的属性值;
将每个表单控件的属性值修改成对应的语义化属性;
在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
可选的,所述对所述脚本文件中源代码对应文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
提取所述脚本文件中源代码对应的文档对象模型元素中的样式字段;
确定属于预定义常用元素列表字段中的样式字段;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
对于属于预定义常用元素列表字段中的所述样式字段,在与所述样式字段对应的文档对象模型元素上添加与所述样式字段对应的角色属性。
可选的,所述方法还包括:
在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
根据本公开实施例的第二方面,提供一种文件处理装置,包括:
获取模块,被配置为执行获取页面的编译打包指令;
遍历模块,被配置为执行根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本脚本文件;
添加模块,被配置为执行在所述脚本文件中的源代码对应的文档对象模型文档对象模型元素上添加增强可访问性的属性;
处理模块,被配置为执行对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
可选的,所述添加模块包括:
分析模块,被配置为执行对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果;
属性添加模块,被配置为执行根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性。
可选的,所述分析模块包括:
第一查找模块,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;
所述属性添加模块包括:
第一属性添加模块,被配置为执行根据所述第一查找模块得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域属性。
可选的,所述分析模块包括:
第二查找模块,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素;得到包括表单控件的查找结果;
所述属性添加模块包括:
属性值确定模块,被配置为执行确定所述第二查找模块得到的所述查找结果中的每个表单控件的属性值;
映射模块,被配置为执行将每个表单控件的属性值修改成对应的语义化属性;
第二属性添加模块,被配置为在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
可选的,所述分析模块包括:
提取模块,被配置为执行提取所述脚本文件中源代码对应的文档对象模型元素中的样式字段;
字段确定模块,被配置为执行确定属于预定义常用元素列表字段中的样式字段;
所述属性添加模块包括:
第三属性添加模块,被配置为执行对于属于预定义常用元素列表字段的所述样式字段,在与所述样式字段对应文档对象模型元素上添加与所述样式字段对应的角色属性。
可选的,所述装置还包括:
语音提示模块,被配置为执行在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如上所述的文件处理方法。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如上所述的文件处理方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,包括计算机程序或指令,所述计算机程序或指令被处理器执行时实现如权利要求1至6任一项所述的文件处理方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
本公开实施例中,先获取到页面的编译打包指令,再根据所述编译打包指令,调用模块打包器中的转换器遍历所述页面的所有脚本文件;在所述脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性,对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。也就是说,本公开实施例中,利用模块打包器中的模块转换器遍历页面所有的脚本文件,通过在现有的脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性,并对该脚本文件的源代码进行文档对象模型元素的编译打包处理,避免开发过程中编写额外的代码,减少了开发成本。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种文件处理方法的流程图。
图2是根据一示例性实施例示出的一种文件处理装置的框图。
图3是根据一示例性实施例示出的一种添加模块的框图。
图4是根据一示例性实施例示出的一种分析模块的框图。
图5是根据一示例性实施例示出的一种分析模块的另一框图。
图6是根据一示例性实施例示出的一种分析模块的又一框图。
图7是根据一示例性实施例示出的一种电子设备的框图。
图8是根据一示例性实施例示出的一种具有文件处理的装置的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种文件处理方法的流程图,如图1所示,所述文件处理方法用于电子设备或服务器中,包括以下步骤:
在步骤101中,获取页面的编译打包指令;
该步骤中,在需要使用模块打包器(webpack)对项目中的页面(包括文档,文本等)进行编译打包时,电子设备或服务器接收到输入的编译打包指令。其中,webpack是一个模块打包器,也可以称为页面打包器。Webpack,用于将页面中脚本(JavaScript)文件打包在一起,打包后的文件用于在浏览器中使用。
在步骤102中,根据所述编译打包指令,调用模块打包器(webpack)中的模块转换器(loader)遍历所述页面的所有脚本文件;
该步骤中,在接收到编译打包指令时调用模块打包器中的模块转换器遍历当前页面所有的脚本文件(JavaScript,简称js文件),得到脚本文件中源代码对应的文档对象模型(dom)元素。
其中,loader用于对模块或页面的源代码进行转换,本文称为转换器。loader可以使用在import或加载模块时预处理文件。
JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为脚本引擎,为浏览器的一部分,广泛用于客户端的脚本语言。这对于本领域技术人员来说,已是熟知技术,在此不再赘述。
在步骤103中,在所述脚本文件中的源代码对应的文档对象模型(dom)元素上添加增强可访问性的属性。
该步骤中,一种添加增强可访问性的属性的方式为:先对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果;然后,再根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性。其中,预定条件至少包括下述之一:含有插件元素,表单控件,属于预定义常用元素列表字段中字段,其中,预定义常用元素列表字段比如,自定义的按钮,段落,底部,顶部等字段。但在实际应用中,并不限于此。
具体的,在第一种实施例中,利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;之后,根据得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域属性(aria-live=“polite”)。
该实施例中,可以利用正则表达式对所述脚本文件中源代码进行遍历,查找该源代码中含有插值的文档对象模型元素,其中,包含插值的文档对象模型元素就是带有双引号的元素,比如:<p>{{value}}</p>、<span>用户名:再比如:{{name}}</span>等,这些带有插值的文档对象模型元素依赖于变量,可能会有更新和变化,比如,接口返回数据后更新等。那么,对于有可能发生更新和变化的带有插值的文档对象模型元素,本公开通过loader需要向这些文档对象模型元素上添加与所述插值对应的活动区域(aria-live=“polite”)属性,其中,aria-live就是文档对象模型元素的内容改变时语音会提示他这里的内容有更新。以便于在检测到用户通过屏幕阅读器访问该网页时,在等到用户空闲时进行语音提示此处内容有更新。
其中,正则表达式,又称规则表达式(RE,Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。
本公开实施例中,通过利用正则表达查找出带有插值的文档对象模型元素,并自动在所述文档对象模型元素上添加与所述插值对应的活动区域(aria-live=“polite”)属性。减少了开发成本,以及提高了页面的可访问性和用户体验。
在第二实施例中,利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素,得到包括表单控件的查找结果;确定所述查找结果中的每个表单控件的属性值;将每个表单控件的属性值修改成对应的语义化属性;在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
该实施例中,可以利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素,其中,表单控件可以包括输入框input、单选框radio等,也就是说,可以通过正则表达式查找页面文本中的表单控件,检测该表单控件是否存在表单属性,其表单属性比如required(必填)、disbaled(禁止修改)、label(标签)等,如果存在表单属性,则读取表单属性的值,并将该表单属性的值修改为语文化属性,然后将该语文化属性映射到对应的文档对象模型元素(页面或文本的节点都是有个文档对象模型元素组成的),即在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。比如:检测到表单属性为:<input type="text"name="name"id="name"required>,会将其修改为<input type="text"name="name"id="name"required aria-required=“true”>。即增加了“aria-required=“true””这样,用户在点击到页面上这个元素的时候,屏幕阅读器就会语音提示用户这是一个必填的表单项。
该步骤中,通过利用正则表达查找出带有表单控件的文档对象模型元素,并确定每个表单控件的属性值,将每个表单控件的属性值修改成对应的语义化属性,自动在所述文档对象模型元素上添加与该表单控件对应的语义化属性,减少了开发成本,以及提高了页面的可访问性和用户体验。
在第三实施例中,先提取所述脚本文件中源代码对应文档对象模型元素中的样式字段;然后,确定属于预定义常用元素列表字段中的样式字段;最后,对于属于预定义常用元素列表字段中的所述样式字段,在与所述样式字段对应文档对象模型元素上添加与该样式字段对应的角色(role)属性。
该实施例中,需要预先定义常用的元素列表字段,可以包括按钮,段落,底部,顶部等元素列表字段,也叫标签列表字段,比如,[’按钮button','navigation',...],提取文档对象模型元素的格式样式(class)字段如果文档对象模型元素中的class包含在预先定义的元素列表字段中,则在该文档对象模型元素上添加角色(role)属性,比如<div class=”el-button”>点击</div>,class中的“el-button”含有button,该button在预先定义的常用元素列表字段中,就说明这是用div自定义的一个代替button的文档对象模型元素。所以,通过loader需要修改这个文档对象模型元素,即role=“button属性”<div class=”el-button”role=”button”>,点击</div>,那么浏览器就会认为这不是一个普通的div元素,而实际是一个button,在辅助阅读器上提示用户这个元素是按钮。其中,navigation是JetPack中的一个组件,用于方便的实现页面的导航,所以抽象出了一个destination的概念。
该步骤中,通过利用正则表达提取所述脚本文件中源代码对应文档对象模型元素中的样式字段,在确定该样式字段属于预定义常用元素列表字段中的字段时,在与所述样式字段对应文档对象模型元素上添加与该样式字段对应的角色role属性,即添加role="button",避免开发过程中编写额外的代码,减少了研发成本。
其中,该实施例中的dom,即文档对象模型,是W3C制定的标准接口规范,是一种处理HTML和XML文件的标准应用程序接口(API,Application Program Interface)。文档对象模型提供了对整个文档的访问模型,将文档作为一个树形结构,树的每个结点表示了一个HTML标签或标签内的文本项。
其中,HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、脚本一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。
在步骤104中,对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
该步骤中,对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到处理后的脚本代码文件,以便于在户点击所述页面上添加增强可访问性的属性的文档对象模型元素时进行语音提示。
该步骤中,对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,即利用模块打包中的模块转换机制对源代码进行文档对象模型的编译转换,减少了开发阶段额外代码的编写,降低了开发成本。
本公开实施例中,在获取到页面的编译打包指令时,根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本文件;对所述脚本文件中的源代码进行文档对象模型元素的编译打包处理,得到编译打包处理后的脚本代码文件。也就是说,本公开实施例中,利用模块打包器中的模块转换器机制处理源代码进行文档对象模型的编译转换,即在对页面进行编译打包时,利用模块打包器中的模块转换器遍历页面所有的脚本文件,并对该脚本文件的源代码进行文档对象模型元素的编译打包处理,避免开发过程中编写额外的代码,减少了开发成本。
可选的,可在另一实施例中,该实施例在上述实例的基础上,所述方法还可以包括:
在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
也就是说,在检测到用户点击所述页面上添加插值属性的文档对象模型元素时进行语音提示此处有内容更新,或者在检测到户点击所述页面上添加表单控件属性的文档对象模型元素时进行语音提示此处有一个必填的表单项,或者在检测到户点击所述页面上添加样式字段属性的文档对象模型元素时进行语音提示,这个元素是按钮。特别是对于视觉障碍的用户在访问页面时进行语音提示,不但提高了页面的可访问性,而且还提高了视觉障碍用户的用户体验。
需要说明的是,对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本实施公开并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明所必须的。
图2是根据一示例性实施例示出的一种文件处理装置框图。参照图2,该装置包括:获取模块201,遍历模块202,添加模块203和处理模块204,其中,
该获取模块201,被配置为执行获取页面的编译打包指令;.
该遍历模块202,被配置为执行根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本文件。
该添加模块203,被配置为执行在所述脚本文件中的源代码对应的文档对象模型文档对象模型元素上添加增强可访问性的属性。
该处理模块204,被配置为执行对对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述添加模块203包括:分析模块301和属性添加模块302,其结构示意图如图3所示,其中,
该分析模块301,被配置为执行对所述脚本文件中源代码对应文档对象模型元素进行查找分析,得到满足预定条件的分析结果;
该属性添加模块302,被配置为执行根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301包括:第一查找模块401,所述属性添加模块302包括:第一属性添加模块402,其结构示意图如图4所示,其中,
该第一查找模块401,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;
该第一属性添加模块402,被配置为执行根据所述第一查找模块401得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域(aria-live=“polite”)属性。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301包括:第二查找模块501,所述属性添加模块302包括:属性值确定模块502,映射模块503和第二属性添加模块504,其结构示意图如图5所示,其中,
该第二查找模块501,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素;得到包括表单控件的查找结果;
该属性值确定模块502,被配置为执行确定所述第二查找模块501得到的所述查找结果中的每个表单控件的属性值;
该映射模块503,被配置为执行将每个表单控件的属性值修改射成对应的语义化属性;
该第二属性添加模块504,被配置为在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301包括:提取模块601和字段确定模块602,所述属性添加模块302包括:第三属性添加模块603,其结构示意图如图6所示,其中,
该提取模块601,被配置为执行提取所述脚本文件中源代码对应文档对象模型元素中的样式字段;
该字段确定模块602,被配置为执行确定属于预定义常用元素列表字段中的样式字段;
该第三属性添加模块603,被配置为执行对于属于预定义常用元素列表字段的所述样式字段,在与所述样式字段对应文档对象模型元素上添加与该样式字段对应的角色(role)属性。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301可以包括:第一查找模块401;第二查找模块501;提取模块601和字段确定模块602;相应的,所述属性添加模块302可以包括:第一属性添加模块402;属性值确定模块502,映射模块503和第二属性添加模块504;第三属性添加模块603;其中,各个模块的功能和作用详见上述对应模块的功能和作用,在此不再赘述。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301可以包括:第一查找模块401;第二查找模块501;相应的,所述属性添加模块302可以包括:第一属性添加模块402;属性值确定模块502,映射模块503和第二属性添加模块504;其中,各个模块的功能和作用详见上述对应模块的功能和作用,在此不再赘述。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301可以包括:第一查找模块401;提取模块601和字段确定模块602;相应的,所述属性添加模块302可以包括:第一属性添加模块402;第三属性添加模块603;其中,各个模块的功能和作用详见上述对应模块的功能和作用,在此不再赘述。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述分析模块301可以包括:第二查找模块501;提取模块601和字段确定模块602;相应的,所述属性添加模块302可以包括:属性值确定模块502,映射模块503和第二属性添加模块504;第三属性添加模块603;其中,各个模块的功能和作用详见上述对应模块的功能和作用,在此不再赘述。
可选的,在另一实施例中,该实施例在上述实施例的基础上,所述装置还包括:提示模块,其中,
该语音提示模块,被配置为执行在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
在示例性实施例中,本公开还提供了一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如上所述的文件处理方法。
在示例性实施例中,本公开还提供了一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如上所述的文件处理方法。可选的,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,本公开还提供了一种计算机程序产品,包括计算机程序或指令,所述计算机程序或指令被处理器执行时实现如上所述的文件处理方法。
图7是根据一示例性实施例示出的一种电子设备700的框图。例如,电子设备700可以为移动终端,也可以为服务器,本发明实施例中以电子设备为移动终端为例进行说明。例如,电子设备700可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,电子设备700可以包括以下一个或多个组件:处理组件702,存储器704,电力组件706,多媒体组件708,音频组件710,输入/输出(I/O)的接口712,传感器组件714,以及通信组件716。
处理组件702通常控制电子设备700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理组件702可以包括多媒体模块,以方便多媒体组件708和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在设备700的操作。这些数据的示例包括用于在电子设备700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为电子设备700的各种组件提供电力。电源组件706可以包括电源管理系统,一个或多个电源,及其他与为电子设备700生成、管理和分配电力相关联的组件。
多媒体组件708包括在所述电子设备700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710包括一个麦克风(MIC),当电子设备700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为电子设备700提供各个方面的状态评估。例如,传感器组件714可以检测到设备700的打开/关闭状态,组件的相对定位,例如所述组件为电子设备700的显示器和小键盘,传感器组件714还可以检测电子设备700或电子设备700一个组件的位置改变,用户与电子设备700接触的存在或不存在,电子设备700方位或加速/减速和电子设备700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于电子设备700和其他设备之间有线或无线方式的通信。电子设备700可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件716还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备700可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述所示的文件处理方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器704,上述指令可由电子设备700的处理器720执行以完成上述所示的文件处理方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供了一种计算机程序产品,当计算机程序产品中的指令由电子设备700的处理器720执行时,使得电子设备700执行上述所示的文件处理方法。
图8是根据一示例性实施例示出的一种用于文件处理的装置800的框图。例如,装置800可以被提供为一服务器。参照图8,装置800包括处理组件822,其进一步包括一个或多个处理器,以及由存储器832所代表的存储器资源,用于存储可由处理组件822的执行的指令,例如应用程序。存储器832中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外,处理组件822被配置为执行指令,以执行上述文件处理方法。
装置800还可以包括一个电源组件826被配置为执行装置800的电源管理,一个有线或无线网络接口850被配置为将装置800连接到网络,和一个输入输出(I/O)接口858。装置800可以操作基于存储在存储器832的操作系统,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM或类似。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (11)

1.一种文件处理方法,其特征在于,包括:
获取页面的编译打包指令;
根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本文件;
在所述脚本文件中的源代码对应的文档对象模型元素上添加增强可访问性的属性,包括:对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果;根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性;
所述对所述脚本文件中源代码对应文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
根据得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域属性;
对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
2.根据权利要求1所述的文件处理方法,其特征在于,
所述对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素,得到包括表单控件的查找结果;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
确定所述查找结果中的每个表单控件的属性值;
将每个表单控件的属性值修改成对应的语义化属性;
在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
3.根据权利要求1所述的文件处理方法,其特征在于,
所述对所述脚本文件中源代码对应文档对象模型元素进行查找分析,得到满足预定条件的分析结果包括:
提取所述脚本文件中源代码对应的文档对象模型元素中的样式字段;
确定属于预定义常用元素列表字段中的样式字段;
所述根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性,包括:
对于属于预定义常用元素列表字段中的所述样式字段,在与所述样式字段对应的文档对象模型元素上添加与所述样式字段对应的角色属性。
4.根据权利要求1至3任一项所述的文件处理方法,其特征在于,所述方法还包括:
在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
5.一种文件处理装置,其特征在于,包括:
获取模块,被配置为执行获取页面的编译打包指令;
遍历模块,被配置为执行根据所述编译打包指令,调用模块打包器中的模块转换器遍历所述页面的所有脚本脚本文件;
添加模块,被配置为执行在所述脚本文件中的源代码对应的文档对象模型文档对象模型元素上添加增强可访问性的属性,包括:分析模块,被配置为执行对所述脚本文件中源代码对应的文档对象模型元素进行查找分析,得到满足预定条件的分析结果;属性添加模块,被配置为执行根据所述分析结果,在所述文档对象模型元素上添加与源代码对应的增强可访问性的属性;
所述分析模块包括:
第一查找模块,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括插值的文档对象模型元素,得到包括插值的查找结果;
所述属性添加模块包括:
第一属性添加模块,被配置为执行根据所述第一查找模块得到的包括所述插值的查找结果,在所述文档对象模型元素上添加与所述插值对应的活动区域属性;
处理模块,被配置为执行对添加所述增强可访问性的属性后的所述脚本文件进行编译打包处理,得到编译打包处理后的脚本代码文件。
6.根据权利要求5所述的文件处理装置,其特征在于,
所述分析模块包括:
第二查找模块,被配置为执行利用正则表达式对所述脚本文件中源代码进行遍历,查找包括表单控件的文档对象模型元素;得到包括表单控件的查找结果;
所述属性添加模块包括:
属性值确定模块,被配置为执行确定所述第二查找模块得到的所述查找结果中的每个表单控件的属性值;
映射模块,被配置为执行将每个表单控件的属性值修改成对应的语义化属性;
第二属性添加模块,被配置为在每个表单控件的文档对象模型元素上添加与该表单控件对应的语义化属性。
7.根据权利要求5所述的文件处理装置,其特征在于,
所述分析模块包括:
提取模块,被配置为执行提取所述脚本文件中源代码对应的文档对象模型元素中的样式字段;
字段确定模块,被配置为执行确定属于预定义常用元素列表字段中的样式字段;
所述属性添加模块包括:
第三属性添加模块,被配置为执行对于属于预定义常用元素列表字段的所述样式字段,在与所述样式字段对应文档对象模型元素上添加与所述样式字段对应的角色属性。
8.根据权利要求5至7任一项所述的文件处理装置,其特征在于,所述装置还包括:
语音提示模块,被配置为执行在检测到用户点击所述页面上的文档对象模型元素时,进行语音提示,其中,所述文档对象模型元素为所述脚本代码文件中添加所述增强可访问性的属性的元素。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至4中任一项所述的文件处理方法。
10.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至4中任一项所述的文件处理方法。
11.一种计算机程序产品,包括计算机程序或指令,其特征在于,所述计算机程序或指令被处理器执行时实现如权利要求1至4任一项所述的文件处理方法。
CN202110701780.2A 2021-06-23 2021-06-23 文件处理方法、装置、电子设备、存储介质及产品 Active CN113535181B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110701780.2A CN113535181B (zh) 2021-06-23 2021-06-23 文件处理方法、装置、电子设备、存储介质及产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110701780.2A CN113535181B (zh) 2021-06-23 2021-06-23 文件处理方法、装置、电子设备、存储介质及产品

Publications (2)

Publication Number Publication Date
CN113535181A CN113535181A (zh) 2021-10-22
CN113535181B true CN113535181B (zh) 2022-04-29

Family

ID=78125752

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110701780.2A Active CN113535181B (zh) 2021-06-23 2021-06-23 文件处理方法、装置、电子设备、存储介质及产品

Country Status (1)

Country Link
CN (1) CN113535181B (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8566807B1 (en) * 2007-11-23 2013-10-22 Appcelerator, Inc. System and method for accessibility of document object model and JavaScript by other platforms
CN109542417A (zh) * 2018-11-20 2019-03-29 北京小米移动软件有限公司 一种dom渲染网页的方法、装置、终端和存储介质
CN110187878A (zh) * 2019-05-29 2019-08-30 北京三快在线科技有限公司 一种页面生成方法和装置
CN111124481A (zh) * 2019-12-24 2020-05-08 广州市百果园信息技术有限公司 网页应用程序的安装包生成方法、装置、存储介质及设备

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106445518A (zh) * 2016-09-22 2017-02-22 中国传媒大学 一种跨平台移动终端应用程序开发方法及系统
CN108710490B (zh) * 2017-04-12 2022-06-07 北京京东尚科信息技术有限公司 一种Web页面的编辑方法和装置
US11176221B2 (en) * 2018-09-24 2021-11-16 Netcentric Technologies Inc. Generating high volume accessible documents
US10970097B2 (en) * 2019-06-19 2021-04-06 Sap Se Adaptive web-based robotic process automation
CN111580830B (zh) * 2020-05-12 2023-09-15 北京飞漫软件技术有限公司 超文本标记语言文档元素的绑定及解析方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8566807B1 (en) * 2007-11-23 2013-10-22 Appcelerator, Inc. System and method for accessibility of document object model and JavaScript by other platforms
CN109542417A (zh) * 2018-11-20 2019-03-29 北京小米移动软件有限公司 一种dom渲染网页的方法、装置、终端和存储介质
CN110187878A (zh) * 2019-05-29 2019-08-30 北京三快在线科技有限公司 一种页面生成方法和装置
CN111124481A (zh) * 2019-12-24 2020-05-08 广州市百果园信息技术有限公司 网页应用程序的安装包生成方法、装置、存储介质及设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
Web可访问性与无障碍最佳实践;Kayo;《https://developers.weixin.qq.com/community/develop/article/doc/00062456364a98e070484808156c13》;20190319;第1-5页 *

Also Published As

Publication number Publication date
CN113535181A (zh) 2021-10-22

Similar Documents

Publication Publication Date Title
KR102436987B1 (ko) 웹페이지 콘텐츠를 추출하기 위한 방법 및 단말 장치
CN106569800B (zh) 前端界面生成方法及装置
US10776501B2 (en) Automatic augmentation of content through augmentation services
US10909203B2 (en) Method and device for improving page display effect via execution, conversion and native layers
US10255253B2 (en) Augmenting and presenting captured data
US10817282B2 (en) Application configuration file generation method and apparatus, application page display method and apparatus and storage medium
CN111857903A (zh) 显示页面的处理方法、装置、设备以及存储介质
KR20200104899A (ko) 디지털 컴포넌트 배경 렌더링
CN104951445B (zh) 一种网页处理方法及装置
CN111159615A (zh) 网页处理方法和装置
CN107220371B (zh) 页面显示方法、装置及存储介质
CN110704053A (zh) 一种样式信息的处理方法及装置
CN107390974B (zh) 用于网页调试的代码查找方法、装置、终端及存储介质
CN107402756B (zh) 用于绘制页面的方法、装置及终端
CN113535181B (zh) 文件处理方法、装置、电子设备、存储介质及产品
CN111008050B (zh) 页面任务执行方法、装置、终端及存储介质
CN112988255B (zh) 数据处理方法、装置及计算机可读存储介质
CN112182449A (zh) 页面加载方法、装置、电子设备及存储介质
CN106354749B (zh) 信息显示方法及装置
CN107368561B (zh) 页面的绘制方法、装置及终端
US9679076B2 (en) Method and device for controlling page rollback
CN113536180A (zh) 项目的处理方法、装置、电子设备、存储介质和程序产品
CN112650953A (zh) 记录复制内容的方法、记录复制内容的装置及存储介质
CN117616384A (zh) wasm快应用框架数据绑定方法和装置、电子设备、存储介质
CN114840269A (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
GR01 Patent grant
GR01 Patent grant