文本框优化方法及装置制造方法及图纸

技术编号:18049601 阅读:42 留言:0更新日期:2018-05-26 07:48
本发明专利技术公开了一种文本框优化方法及装置,涉及信息技术领域,解决了一些浏览器文本框的背景颜色为特殊颜色时影响用户体验的问题,所述方法包括:首先获取浏览器中带有自动填充属性的文本框对象;然后保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;将所述文本框属性值配置给经移除处理后的文本框对象。本发明专利技术适用于文本框的优化。

【技术实现步骤摘要】
文本框优化方法及装置
本专利技术涉及信息
,尤其涉及一种文本框优化方法及装置。
技术介绍
近些年来,随着互联网的快速发展,浏览器的应用也越来越广泛,用户可以通过浏览器登录网站观看视频、阅读新闻、购物等。当用户使用浏览器登录需要使用账号登录的网站时,在用户输入账号密码登录后,浏览器可以记录用户输入的账号密码,以便于用户下一次登录时在表单文本框中自动填充该账号密码,用户无需输入该账号密码即可进行登录。目前有许多种浏览器可供用户选择使用,但是有部分浏览器在表单自动填充时,由于浏览器会默认给自动填充的表单加上私有属性,使得一些文本框的背景会变成特殊颜色,进而造成文本框的显示效果较差,影响了用户的体验。例如,chrome浏览器会默认给自动填充的input表单加上-webkit-autofill私有属性,使得input文本框的背景会变成偏黄色,这个偏黄色的背景会影响到该文本框的显示效果。
技术实现思路
鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的文本框优化方法及装置。为了达到上述目的,本专利技术主要提供如下技术方案:一方面,本专利技术提供了一种文本框优化方法,该方法包括:获取浏览器中带有自动填充属性的文本框对象;保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;将所述文本框属性值配置给经移除处理后的文本框对象。另一方面,本专利技术提供了一种文本框优化装置,该装置包括:获取单元,用于获取浏览器中带有自动填充属性的文本框对象;保存单元,用于保存所述文本框对象对应的文本框属性值;移除单元,用于对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;配置单元,用于将所述文本框属性值配置给经移除处理后的文本框对象。借由上述技术方案,本专利技术实施例提供的技术方案至少具有下列优点:本专利技术提供的一种文本框优化方法及装置,首先获取浏览器中带有自动填充属性的文本框对象;然后保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;再将所述文本框属性值配置给经移除处理后的文本框对象。与现有技术相比,本专利技术通过保存文本框对象对应的属性值之后,将文本框对象内的HTML文本内容进行移除,进而可以达到去掉默认设置的目的,不会导致文本框的背景变成特殊颜色,可以提高文本框的显示效果,从而完成了对文本框背景的优化,提高了用户体验。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了本专利技术实施例提供的一种文本框优化方法流程示意图;图2示出了本专利技术实施例提供的另一种文本框优化方法流程示意图;图3示出了本专利技术实施例提供的一种文本框优化装置结构示意图;图4示出了本专利技术实施例提供的另一种文本框优化装置结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。本专利技术实施例提供了一种文本框优化方法,如图1所示,该方法包括:101、获取浏览器中带有自动填充属性的文本框对象。其中,所述自动填充属性可以为webkit-autofill属性。对于本专利技术实施例,通过获取浏览器中带有自动填充属性的文本框对象,可以得到需要优化的全部文本框对象。102、保存所述文本框对象对应的文本框属性值。其中,所述文本框属性值可以为文本框对象对应的value值,可以代表文本框对象中某个HTML(HyperTextMarkupLanguage,超级文本标记语言)标签的值。对于本专利技术实施例,将文本框对象对应的value值保存,可以使得在对文本框对象进行优化时,文本框对象对应的value值不会因为HTML文本内容的移除而丢失,从而避免改变文本框对象的属性,进而提高了文本框优化的准确率。103、对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象。其中,所述HTML文本内容可以包含引用该方法元素自身的标签。例如,某个浏览器在表单自动填充时,文本框背景会自动变成黄色,为了去掉这个颜色,可以通过获取该浏览器中带有自动填充属性的全部文本框对象,在保存文本框对象对应的value值之后,将文本框对象内的outerHTML移除,即可以去掉该浏览器文本框默认的黄色背景的设置。104、将所述文本框属性值配置给经移除处理后的文本框对象。对于本专利技术实施例,在对文本框对象优化之前,将文本框对象对应的属性值保存,并在移除文本框对象中的HTML文本内容之后,将已经保存的文本框对象对应的属性值再次配置给文本框对象,可以保证在不破坏文本框对象属性值的条件下对文本框对象进行优化。本专利技术提供的一种文本框优化方法,首先获取浏览器中带有自动填充属性的文本框对象;然后保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;再将所述文本框属性值配置给经移除处理后的文本框对象。与现有技术相比,本专利技术通过保存文本框对象对应的属性值之后,将文本框对象内的HTML文本内容进行移除,进而可以达到去掉默认设置的目的,不会导致文本框的背景变成特殊颜色,可以提高文本框的显示效果,从而完成了对文本框背景的优化,提高了用户体验。具体的,本专利技术实施例提供了另一种文本框优化方法,如图2所示,该方法包括:201、检测浏览器的标识信息是否与预定浏览器的标识信息匹配。其中,所述预定浏览器的标识信息为chrome浏览器的标识信息,还可以为以chrome浏览器对应的Webkit(极速)内核为内核的浏览器标识。具体地,所述步骤201可以为,使用js(JavaScript,JS代码)通过navigator.userAgent(浏览器.代理程式识别码)得到包含有浏览器名称的大写字符的字符串,将得到的大写字符串转换为小写字符串,并根据得到的小写字符串判断是否为以chrome浏览器为核心的浏览器。对于本专利技术实施例,通过获取浏览器对应的字符串判断是否为需要优化的浏览器,可以避免对无需优化的浏览器进行处理从而造成资源浪费。202、若所述浏览器的标识信息与预定浏览器的标识信息匹配,则获取所述浏览器中带有自动填充属性的文本框对象。其中,所述自动填充属性的概念解释可以参考步骤101中相应描述,在此不再赘述。具体的,所述获取所述浏览器中带有自动填充属性的文本框对象可以为,分别检测浏览的文本框对象是否带有自动填充属性,若带有自动填充属性,则提取该文本框对象,直到该浏览器的文本框对象全部检测完毕。例如,通过检测得到浏览器a为以chrome为内核的浏览器,则依次检测浏览器a的文本框对象1、文本框对象2、文本框对象3,提取带有webkit-autofill属性的文本框对象1和文本框对象3。对于本专利技术实施例,通过检测浏览器是否为以chrome为内核的浏览器,确定是否为需要优化的浏本文档来自技高网...
文本框优化方法及装置

【技术保护点】
一种文本框优化方法,其特征在于,包括:获取浏览器中带有自动填充属性的文本框对象;保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;将所述文本框属性值配置给经移除处理后的文本框对象。

【技术特征摘要】
1.一种文本框优化方法,其特征在于,包括:获取浏览器中带有自动填充属性的文本框对象;保存所述文本框对象对应的文本框属性值;对所述文本框对象内的HTML文本内容进行移除处理得到处理后的文本框对象;将所述文本框属性值配置给经移除处理后的文本框对象。2.根据权利要求1所述的文本框优化方法,其特征在于,所述获取浏览器中带有自动填充属性的文本框对象,具体包括:检测所述浏览器的标识信息是否与预定浏览器的标识信息匹配;若匹配,则获取所述浏览器中带有自动填充属性的文本框对象。3.根据权利要求2所述的文本框优化方法,其特征在于,所述预定浏览器的标识信息为chrome浏览器的标识信息。4.根据权利要求1所述的文本框优化方法,其特征在于,所述方法还包括:保存与所述文本框属性值对应的文本框对象标识信息;所述将所述文本框属性值配置给移除处理后的文本框对象,具体包括:将与所述文本框对象标识信息对应的文本框属性值配置给经移除处理后的文本框对象。5.根据权利要求1所述的文本框优化方法,其特征在于,所述将所述文本框属性值配置给移除处理后的文本框对象之后,所述方法还包括:检测所述浏览器中是否存在未移除HTML文本内容的文本框对象;若不存在,则输出所述浏览器相应的处理成功信息。6.一种文本框优化装置,其特征...

【专利技术属性】
技术研发人员:赵凯
申请(专利权)人:北京国双科技有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1