基于HTML5协议的浏览器全屏显示方法及显示装置制造方法及图纸

本发明专利技术公开一种基于HTML5协议的浏览器全屏显示方法及显示装置，涉及浏览器技术领域，能够兼容基于HTML5协议的各类浏览器的全屏显示功能，并且解决了浏览器在全屏显示时无法实现网页布局的自适应修改或调整的问题。该方法包括步骤S1：采集多种浏览器的全屏操作函数，形成适配队列；步骤S2：基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；步骤S3：分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；步骤S5：根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。

Browser Full-screen Display Method and Display Device Based on HTML5 Protocol

【技术实现步骤摘要】
基于HTML5协议的浏览器全屏显示方法及显示装置
本专利技术涉及浏览器
，尤其涉及一种基于HTML5协议的浏览器显示方法及显示装置。
技术介绍
浏览器是万维网(Web)服务的客户端浏览程序，可向万维网服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。用户在使用浏览器浏览网页的过程中，经常会有将网页中的图片或视频全屏显示的需求，传统HTML标准下的浏览器为了实现这一功能，通常在浏览器的内核中内置全屏显示程序，用户通过点击键盘F11键或者全屏按钮触发其全屏显示的功能。但是，由于市面上的浏览器版本多种多样，且各种版本的配置高低不同，需要浏览器厂家针对不同版本的浏览器进行深度优化才能保证其全屏显示的效果，因此，基于HTML标准的浏览器全屏显示功能兼容性较差，此外，现有的浏览器在全屏显示时，只能够做到页面的放大显示，并不能够实现网页布局的自适应修改或调整，影响了用户体验。
技术实现思路
本专利技术的目的在于提供一种基于HTML5协议的浏览器全屏显示方法及显示装置，能够兼容基于HTML5协议的各类浏览器的全屏显示功能，并且解决了浏览器在全屏显示时无法实现网页布局的自适应修改或调整的问题。为了实现上述目的，本专利技术的第一方面提供一种基于HTML5协议的浏览器全屏显示方法，包括：步骤S1：采集多种浏览器的全屏操作函数，形成适配队列；步骤S2：基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；步骤S3：分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；步骤S5：根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。优选地，上述方法还包括步骤S4：当用户触发浏览器页面的操作事件时，监控用户是否操作了自带全屏功能按键，若是，则根据当前浏览器的页面状态，执行全屏切换，若否，则执行用户触发的所述操作事件。优选地，所述根据当前浏览器的页面状态，执行全屏切换的方法具体包括：若当前浏览器页面为全屏状态时，则退出全屏显示；若当前浏览器页面为非全屏状态时，则切换至全屏显示。具体地，所述全屏操作函数由前缀词和后缀词组成，所述前缀词为浏览器识别字符，所述后缀词为功能字符。较佳地，所述全屏操作函数包括请求全屏函数、退出全屏函数和事件触发。优选地，所述属性包括页面元素、可用状态和错误反馈，其中，所述页面元素包括文字、图片、指示按钮中的一种或多种。优选地，所述步骤S5中基于对应的浏览器属性自适应的调整当前页面的方法包括：将当前页面中的各元素等比例放大，并铺满设备屏幕。可选地，所述操作事件的触发按键由用户自定义设置。与现有技术相比，本专利技术提供的基于HTML5协议的浏览器全屏显示方法具有以下有益效果：本专利技术提供的基于HTML5协议的浏览器全屏显示方法中，通过采集多种浏览器的全屏操作函数形成适配队列，示例性的，适配队列中包括多个浏览器的请求全屏函数和退出全屏函数的集合，当用户使用浏览器上网时，通过适配队列在不同浏览器环境下遍历检测出支持当前浏览器的全屏操作函数和属性，并由用户对当前浏览器的全屏操作函数和属性与用户操作事件进行绑定，这样在用户触发上述操作事件时，通过在适配队列中调用对应的全屏操作函数就可实现当前浏览器的全屏显示功能，同时还能够基于当前浏览器的属性自适应的调整当前页面。可见，本专利技术采用预存储多种浏览器的全屏操作函数的方式，能够在用户触发全屏功能的操作事件时，根据用户的当前浏览器自动调用对应的全屏操作函数以实现其全屏显示的功能，使得本专利技术提供的方法能够兼容多种浏览器的全屏显示功能，克服了现有技术中不同浏览器调用全屏显示方式不尽相同，兼容性差的技术问题。此外，该方法还能够基于浏览器的属性自适应的修改或调整当前网页页面，例如，网页页面在全屏显示时能够对应修改页面的排版或者调整页面元素的显示比例，呈现给用户较佳的视觉体验。本专利技术的第二方面提供一种显示装置，包括采集单元、检测单元、绑定单元和显示单元；所述采集单元用于采集多种浏览器的全屏操作函数，形成适配队列；所述检测单元用于基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；所述绑定单元用于分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；所述显示单元用于根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。优选地，还包括设在所述绑定单元和所述显示单元之间的判断单元；所述判断单元用于当用户触发浏览器页面的操作事件时，监控用户是否操作了自带全屏功能按键，若是，则根据当前浏览器的页面状态，执行全屏切换，若否，则执行用户触发的所述操作事件。与现有技术相比，本专利技术提供的显示装置的有益效果与上述技术方案提供的基于HTML5协议的浏览器全屏显示方法的有益效果相同，在此不做赘述。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本专利技术的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：图1为本专利技术实施例一中基于HTML5协议的浏览器全屏显示方法的流程示意图；图2为本专利技术实施例二中显示装置的结构示意图。附图标记：1-采集单元，2-检测单元；3-绑定单元，4-判断单元；5-显示单元。具体实施方式为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其它实施例，均属于本专利技术保护的范围。实施例一请参阅图1，本实施例提供一种基于HTML5协议的浏览器全屏显示方法，包括：步骤S1：采集多种浏览器的全屏操作函数，形成适配队列；步骤S2：基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；步骤S3：分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；步骤S5：根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。具体地，步骤S5中基于对应的浏览器属性自适应的调整当前页面的方法包括：将当前页面中的各元素等比例放大，并铺满设备屏幕。本实施例提供的基于HTML5协议的浏览器全屏显示方法中，通过采集多种浏览器的全屏操作函数形成适配队列，示例性的，适配队列中包括多个浏览器的请求全屏函数和退出全屏函数的集合，当用户使用浏览器上网时，通过适配队列在不同浏览器环境下遍历检测出支持当前浏览器的全屏操作函数和属性，并由用户对当前浏览器的全屏操作函数和属性与用户操作事件进行绑定，这样在用户触发上述操作事件时，通过在适配队列中调用对应的全屏操作函数就可实现当前浏览器的全屏显示功能，同时还能够基于当前浏览器的属性自适应的调整当前页面。可见，本实施例采用预存储多种浏览器的全屏操作函数的方式，能够在用户触发全屏功能的操作事件时，根据用户的当前浏览器自动调用对应的全屏操作函数以实现其全屏显示的功能，使得本实施例提供的方法能够兼容多种浏览器的全屏显示功能，克服了现有技术中不同浏览器调用全屏显示方式不本文档来自技高网...

【技术保护点】
1.一种基于HTML5协议的浏览器全屏显示方法，其特征在于，包括：步骤S1：采集多种浏览器的全屏操作函数，形成适配队列；步骤S2：基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；步骤S3：分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；步骤S5：根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。

【技术特征摘要】
1.一种基于HTML5协议的浏览器全屏显示方法，其特征在于，包括：步骤S1：采集多种浏览器的全屏操作函数，形成适配队列；步骤S2：基于所述适配队列采用遍历检测法得到当前浏览器的全屏操作函数和属性；步骤S3：分别将当前浏览器的全屏操作函数和属性与用户操作事件进行绑定；步骤S5：根据用户触发的所述操作事件，调用对应的全屏操作函数实现浏览器的全屏显示功能，并基于浏览器的属性自适应的调整当前页面。2.根据权利要求1所述的方法，其特征在于，还包括步骤S4：当用户触发浏览器页面的操作事件时，监控用户是否操作了自带全屏功能按键，若是，则根据当前浏览器的页面状态，执行全屏切换，若否，则执行用户触发的所述操作事件。3.根据权利要求2所述的方法，其特征在于，所述根据当前浏览器的页面状态，执行全屏切换的方法具体包括：若当前浏览器页面为全屏状态时，则退出全屏显示；若当前浏览器页面为非全屏状态时，则切换至全屏显示。4.根据权利要求1所述的方法，其特征在于，所述全屏操作函数由前缀词和后缀词组成，所述前缀词为浏览器识别字符，所述后缀词为功能字符。5.根据权利要求1或4所述的方法，其特征在于，所述全屏操作函数包括请求全屏函数、退出全屏函数和事件触发。6.根据权利要求1...

【专利技术属性】
技术研发人员：钱程，向江旭，祁康宁，于晓祥，郭辰，
申请(专利权)人：苏宁云商集团股份有限公司，
类型：发明
国别省市：江苏,32