一种浏览器窗口切换时暂停页面内活动的方法技术

本发明专利技术公开了一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭；本发明专利技术可减少不必要的内存，提高访问流畅度，并且可提高用户体验，减小后台服务器端的压力。

A method of suspending activity within a page when a browser window is switched

Suspend the page in the invention discloses a browser window switch, which comprises the following steps: Step 1, page loading this page after judging whether there is ongoing activities; if it is on this page to monitor, if otherwise without additional operation; step 2: switch to monitor the browser window; step 3: according to monitoring results to determine whether the active window, open the page if the playback of video and audio, communication between suspended and server; if otherwise close the page within the video and audio playback, pause the communication with the server; step 4: repeat step 3 until the window or the browser is closed; the invention can reduce unnecessary memory access, improve fluency, and can improve the user experience, reduce server side pressure.

【技术实现步骤摘要】
一种浏览器窗口切换时暂停页面内活动的方法
本专利技术涉及计算机领域，具体涉及一种浏览器窗口切换时暂停页面内活动的方法。
技术介绍
用户访问网页时，浏览器会加载网页运行所需要的所有资源，包括图片、音频、视频样式文件、运行代码以及其他所需资源；浏览器通过HTTP或WebSocket协议向服务器请求资源以保证用户可以正常访问；浏览器接收到资源后会进行渲染并展示，而为了能够维持正常的显示内容，会不断地向服务器请求数据；浏览器窗口进行切换时，各窗口内的活动并未暂停，继续请求数据并进行渲染；切换时页面中的活动也并未暂停，占用大量内存和网络资源。现有技术都是以保证页面的正常显示为主，通常在用户离开页面后，页面内的活动，如视频、音频等活动内容不会自动停止，持续在运行；页面所需要的资源如文本数据等，会持续与后台交互获取；上述技术方案作为目前大多数网页的实现，能够在用户访问其它页面时保持页面的持续正常运行；在用户切换窗口时保证视频、音频的持续播放以及数据的实时性；然而在实际应用中，会导致额外的消耗；如视频和音频在后台窗口持续播放，占用额外内存；多个视频和音频窗口同时运行时，计算机输出音频混乱、形成噪音；若用户需要暂停或开启视频音频，需自行手动对视频音频进行操作后再切换窗口，无法自动化；后台窗口持续不断与服务器进行交互以保证数据实时性，而此时用户并未浏览相关内容，造成资源浪费。
技术实现思路
本专利技术提供一种可避免后台窗口对网页资源持续不断加载的浏览器窗口切换时暂停页面内活动的方法。本专利技术采用的技术方案是：一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭。进一步的，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。进一步的，所述步骤2中通过浏览器提供的接口，在document上注册visibilitychange事件监听浏览器窗口的切换。进一步的，所述步骤3中通过判定document.hidden属性判断是否为活动窗口。进一步的，所述步骤3中通过调用paus关闭视频音频播放，并中断向服务器发送数据，暂停与服务器的数据交互。进一步的，所述步骤3中通过调用play开启视频音频播放，并重新向服务器发送数据，重启与服务器数的据交互。本专利技术的有益效果是：(1)本专利技术将加载资源的时间由持续不断向服务器请求，改为页面活动时再实时获取，不仅避免后台窗口产生额外流量，还可减少开启大量窗口时，给系统带来的不必要内存占用，能有效提高当前窗口的访问流畅度；(2)本专利技术能够减少用户不必要的二次操作，用户不需要先手动暂停页面中的活动内容，再点击切换菜单，提高用户体验；(3)本专利技术可有效降低网络带宽，使得当前窗口能更快加载文件，同时减小后台窗口服务器端的压力。附图说明图1为本专利技术流程示意图。具体实施方式下面结合附图和具体实施例对本专利技术做进一步说明。如图1所示，一种浏览器窗口切换时暂停页面内活动的方法，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭。进一步的，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。进一步的，所述步骤2中通过浏览器提供的接口，在document上注册visibilitychange事件监听浏览器窗口的切换。进一步的，所述步骤3中通过判定document.hidden属性判断是否为活动窗口。进一步的，所述步骤3中通过调用pause关闭视频音频播放，暂停与服务器的数据交互。进一步的，所述步骤3中通过调用play开启视频音频播放，重启与服务器数的据交互。使用时，网页加载后通过浏览器提供的接口，对用户切换窗口操作进行监听，当用户切换窗口时触发监听事件，判断本窗口是否为活动窗口；当本窗口为活动窗口切换为后台窗口时，将本窗口与服务器进行数据交互的行为暂停；与此同时，将窗口内的视频、音频播放自动暂停，避免给用户带来困扰；此窗口的状态可视为“下线”，即非激活状态，等待用户切换回本窗口即可激活；当本窗口为后台窗口切换为活动窗口时，将本窗口内与服务器进行数据交互的行为重启；服务器端可缓存当前窗口“下线”时的数据一并返回，浏览器得到这段时间内的全部数据进行渲染，保证数据的准确性；同时，将窗口内的视频、音频自动开启播放，无须用户二次操作；此时窗口状态即可视为“激活”。本专利技术对目前页面开始运行后续操作进行监听，在用户离开本窗口浏览其它页面时，可自动暂停本窗口内的一些活动，以减小后台窗口运行内存，减少网络带宽；加载资源的时间由持续不间断向服务器请求，改为页面活动时再实时获取，不仅避免后台窗口产生额外的流量，还可以减少开启大量窗口时，给系统带来的不必要内存占用，能有效提高当前窗口的访问流畅度；除此之外，还能减少用户不必要的二次操作。用户不需要先手动暂停页面中的活动内容如暂停播放音乐，视频等再点击切换菜单，提高用户体验；可以显著减少内存的消耗，避免额外的网络带宽。在用户打开多个窗口浏览页面时，暂停后台窗口所占资源的消耗，使得当前窗口访问更加顺畅。后台窗口中视频，音频文件自动暂停，减小用户二次操作，切换窗口更便捷。暂停后台窗口与服务器的频繁数据交互，也可有效降低网络带宽，使得当前窗口能更快加载文件，同时减小后台窗口服务器端的压力。文中，浏览器指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容，并让用户与这些文件交互的一种软件；浏览器窗口指浏览器可以支持多页面同时访问，即可以打开多个窗口，每个页面分配一个窗口；用户可随意在任一窗口上进行操作，并在各窗口间交换信息，也可以很方便地在各个打开的窗口间切换；窗口内活动指窗口内激活的业务如视频播放、音频播放、聊天室等；HTTP协议指客户端与服务器通信协议，必须要由客户端发起，然后服务器返回结果；客户端是主动的，服务器是被动的；WebSocket指一种新的网络协议，实现了浏览器与服务器全双工通信—允许服务器主动发送信息给客户端；document为计算机术语，每个载入浏览器的HTML文档都会成为Document对象，Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问；video标签是HTML5的新标签，定义视频；audio标签为HTML5的新标签，定义音频；visibilitychange事件指浏览器新添加的一个事件，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息；document.hi本文档来自技高网...

【技术保护点】
一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭。

【技术特征摘要】
1.一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，包括以下步骤，步骤1：页面加载后判断本页面是否有持续活动；若是则对本页面进行监听，若否则无需额外操作；步骤2：监听浏览器窗口的切换；步骤3：根据监听结果判断是否为活动窗口，若是则开启此页面视频、音频的播放，暂停与服务器之间的通信；若否则关闭页面内的视频、音频的播放，暂停与服务器间的通信；步骤4：重复步骤3直至窗口或浏览器关闭。2.根据权利要求1所述的一种浏览器窗口切换时暂停页面内活动的方法，其特征在于，所述步骤1中通过判断本页面是否有video、audio标签加载视频、音频，WebSocket或轮询与服务器长期通信判断本页面是否有持续活动。3.根据权利要求1所述的一种浏览器窗口切换时...

【专利技术属性】
技术研发人员：周豪，
申请(专利权)人：成都知道创宇信息技术有限公司，
类型：发明
国别省市：四川,51