网页加载方法、系统、浏览器、终端及服务器技术方案

本发明专利技术实施例公开了一种网页加载方法，包括：浏览器向服务器发送网页请求并加载服务器返回的所请求网页的整体框架，并将服务器返回的所请求网页的首屏内容加载至整体框架的相应位置；浏览器显示首屏内容，其中装载全部或部分首屏内容的框架进入浏览器的可见区域内；当可见区域内的框架发生变化时，浏览器判断当前可见区域内的框架内需要加载新内容时，向服务器发送获取请求，请求获取需要加载的新内容；浏览器在所述整体框架的相应位置加载所述服务器返回的新内容，并在当前可见区域内显示所述新内容。本发明专利技术实施例还公开了一种浏览器、终端、服务器及网页加载系统。本发明专利技术可根据用户的请求动态加载网页，提高网页响应速率。

【技术实现步骤摘要】
网页加载方法、系统、浏览器、终端及服务器
本专利技术涉及网页加载
，尤其涉及一种网页加载方法、系统、浏览器、终端及服务器。
技术介绍
随着互联网技术的发展，互联网用户对网页响应速度的要求也越来越高。传统的网页加载方案为：用户在终端的浏览器的地址栏中输入URL(Uniform/UniversalResourceLocator，统一资源定位符)地址，浏览器即将该URL地址发送至服务器，请求获取该URL地址对应的网页；服务器抓取该URL地址对应的网页，并将该网页的整个页面(包括：网页的整体框架和全部内容)返回给浏览器；浏览器加载网页的整个页面，并向用户展示该网页。由于现有的网页一般较长，但浏览器的可见区域大小有限，因此浏览器一般需要分多屏显示所请求的网页，首次显示的为网页的首屏内容，用户可通过浏览器的滚动条查看网页的其他内容。传统的网页加载方案，服务器返回网页的整个页面，其页面数据量大，传输速率低；浏览器对网页的整个页面进行全量加载，耗费的时间长，影响响应速率，造成用户打开网页的等待时间过长。为了解决上述问题，现有的网页加载方案基于传统的网页加载方案作了一定的改进，由于网页一般图文并本文档来自技高网...

【技术保护点】
一种网页加载方法，其特征在于，包括：浏览器向服务器发送网页请求并加载所述服务器返回的所请求网页的整体框架，并将所述服务器返回的所请求网页的首屏内容加载至所述整体框架的相应位置；所述浏览器显示所述首屏内容，其中装载全部或部分首屏内容的框架进入所述浏览器的可见区域内；当可见区域内的框架发生变化时，所述浏览器判断当前可见区域内的框架内是否需要加载新内容，若判断结果为是，向所述服务器发送获取请求，请求获取需要加载的新内容；所述浏览器在所述整体框架的相应位置加载所述服务器返回的新内容，并在当前可见区域内显示所述新内容。

【技术特征摘要】
1.一种网页加载方法，其特征在于，包括：浏览器向服务器发送网页请求并加载所述服务器返回的所请求网页的整体框架，并将所述服务器返回的所请求网页的首屏内容加载至所述整体框架的相应位置，其中，所述首屏内容为所述服务器根据预置的切片方式对所请求网页进行切片获得，所述预置的切片方式包括：根据常用浏览器的可见区域高度及常用终端的显示屏幕大小而预设定的切片高度；或者，根据所请求网页中每一组内容的完整度而预设定的切片高度；或者，根据所述浏览器在网页请求时上报的可见区域的高度而预设定的切片高度；所述浏览器显示所述首屏内容，其中装载全部或部分首屏内容的框架进入所述浏览器的可见区域内；当可见区域内的框架发生变化时，所述浏览器判断当前可见区域内的框架内是否需要加载新内容，若判断结果为是，向所述服务器发送获取请求，请求获取需要加载的新内容；所述浏览器在所述整体框架的相应位置加载所述服务器返回的新内容，并在当前可见区域内显示所述新内容。2.如权利要求1所述的方法，其特征在于，浏览器向服务器发送网页请求之后，加载所述服务器返回的所请求网页的整体框架之前，还包括：所述服务器根据所述网页请求中包含的所请求网页的统一资源定位符URL地址，从网络中获取所请求网页，其中包括：所请求网页的整体框架和全部内容；所述服务器根据预置的切片方式，对所请求网页的全部内容进行切片并依次存储，所述网页在切片后形成至少一个切片内容，其中包括：首屏内容；所述服务器将所请求网页的整体框架和首屏内容返回给所述浏览器，并将各切片内容的高度返回给所述浏览器；其中，所述首屏内容的高度大于或等于所述浏览器的可见区域的高度。3.如权利要求2所述的方法，其特征在于，所述浏览器显示所述首屏内容之后，判断当前可见区域内的框架内是否需要加载新内容之前，还包括：所述浏览器监控可见区域内的框架是否发生变化，包括：所述浏览器选取位于可见区域外的框架的任一文档对象模型DOM元素作为参照点；所述浏览器实时监控所选取的DOM元素，若监控到所选取的DOM元素进入可见区域内，则确定可见区域内的框架发生变化；否则，确定可见区域内的框架未发生变化。4.如权利要求3所述的方法，其特征在于，所述浏览器向所述服务器发送获取请求，请求获取需要加载的新内容，包括：所述浏览器计算需要加载的新内容的高度，将所述新内容的高度与所述服务器返回的各切片内容的高度相比较，确定需要获取的切片数量；所述浏览器根据确定的需要获取的切片数量生成获取请求，向所述服务器请求获取需要加载的新内容。5.一种浏览器，其特征在于，包括：第一加载模块，用于向服务器发送网页请求并加载所述服务器返回的所请求网页的整体框架，并将所述服务器返回的所请求网页的首屏内容加载至所述整体框架的相应位置，其中，所述首屏内容为所述服务器根据预置的切片方式对所请求网页进行切片获得，所述预置的切片方式包括：根据常用浏览器的可见区域高度及常用终端的显示屏幕大小而预设定的切片高度；或者，根据所请求网页中每一组内容的完整度而预设定的切片高度；或者，根据所述浏览器在网页请求时上报的可见区域的高度而预设定的切片高度；显示模块，用于显示所述第一加载模块加载的首屏内容，其中装载全部或部分首屏内容的框架进入所述浏览器的可见区域内；判断模块，用于当可见区域内的框架发生变化时，判断当前可见区域内的框架内是否需要加载新内容；内容请求模块，用于当所述判断模块的判断结果为是时，向所述服务器发送获取请求，请求获取需要加载的新内容；第二加载模块，用于在所述整体框架的相应位置加载所述服务器返回的新内容，并交由所述显示模块在当前可见区域内显示所述新内容。6.如权利要求5所述的浏...

【专利技术属性】
技术研发人员：姚穗斌，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：