CN107844500A - 一种移动终端加载网页的方法和系统 - Google Patents
一种移动终端加载网页的方法和系统 Download PDFInfo
- Publication number
- CN107844500A CN107844500A CN201610835489.3A CN201610835489A CN107844500A CN 107844500 A CN107844500 A CN 107844500A CN 201610835489 A CN201610835489 A CN 201610835489A CN 107844500 A CN107844500 A CN 107844500A
- Authority
- CN
- China
- Prior art keywords
- webpage
- javascript
- download
- css
- mobile terminal
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 19
- 238000013515 script Methods 0.000 claims abstract description 32
- 238000003860 storage Methods 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 11
- 230000000694 effects Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000005457 optimization Methods 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 238000005265 energy consumption Methods 0.000 description 1
- 238000009440 infrastructure construction Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000005303 weighing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种移动终端加载网页的方法和系统，该方法包括：S101、移动终端下载完整网页；S102、在本地存储所述网页的JavaScript和CSS脚本；S103、再次下载或刷新页面，判断距离上次下载的时间间隔是否小于10分钟，若是则执行S104，若否则转向S106；S104、读取本地存储的所述JavaScript和CSS脚本；S105、重新下载所述网页的html文档部分，转向S107；S106、重新下载完整的所述网页；S107、重新生成完整的所述网页。本发明技术方案能够提高移动互联网网页的加载效率，增强移动网页的功能和显示效果，保持移动终端展示网页的良好效果，促进移动互联网应用的发展。
Description
技术领域
本发明涉及移动互联网技术领域，特别涉及一种移动终端加载网页的方法和系统。
背景技术
随着时代的进步，互联网已经成为了人民工作生活的重要组成部分，方便了人们之间的联系和沟通，为人们带来了极大的便利和乐趣。从人们的衣、食、住、行到工作、商务，互联网无处不在，深刻影响着工业、商业经济发展的趋势。
作为互联网的重要构成部分，移动互联网进一步改变着人类社会的生活习惯，引领着未来商业的发展趋势，带来更广阔的增量市场，并不断盘活存量市场，为互联网的发展带来新的动力。
根据中国互联网络信息中心CNNIC的统计，截至2015年底，通过手机接入互联网的比例达到90.1％，分别高于通过台式电脑接入互联网的比例67.6％和通过笔记本电脑接入互联网的比例37.8％；平板电脑的娱乐性和便捷性特点使其成为网民的重要娱乐设备，2015年底使用率达到34.8％，并在高学历、高收入人群中拥有更高使用率。无线网络覆盖明显提升，网络基础设施建设逐渐完善，移动网络速率大幅提高，带动手机3G/4G网络使用率不断提升。截至2015年12月，我国手机网民中通过3G/4G上网的比例为88.8％。随着4G、5G移动通信技术的成熟，将会吸引越来越多的用户加入移动互联网的阵营。
在移动互联网领域，移动浏览器是最重要的移动互联网入口。随着HTML5的不断发展、4G/5G的逐渐成熟、云驱动的日益完善，浏览器将越来越成为各种移动终端设备上不可缺少的重要一环，甚至越来越多的OS将会呈现浏览器化的趋势。浏览器背后所代表的是一个开放的通用的开发平台和生态系统，而绝不仅仅是一个简单的互联网入口。
站在用户的立场，能带来更好交互体验的移动浏览器更受到欢迎。尽管PC界的摩尔定律已经逐渐被人们漠视，但移动设备领域的摩尔定律仍在奏效，移动设备硬件的性能指标在快速发展，这给众多移动浏览器开发商提供了一个充分展示创新能力的广阔舞台。除了速度、流量、能耗、稳定性和兼容性这些基础指标外，随着移动设备硬件的不断升级，以及手机内核技术的不断发展，如何让用户获得更简洁、更安全、更人性化的交互体验将成为衡量手机浏览器品质的重要因素。
由于移动终端接入互联网是利用无线网络，受到信号、带宽和处理能力的影响，在同等接入速率下与PC电脑相比要耗费更多的资源，运算量、CPU处理频率、功耗等都会加大，所以移动终端的网页浏览注重功耗与网页浏览体验之间的平衡，以获得较佳的用户使用体验。
现有的移动网页加载技术方案，加强对移动互联网网页进行优化处理，以适应移动终端的设备特点。经过优化的移动互联网网页重新对页面布局，图片也是经过了压缩和精简，简化装饰内容，以方便移动终端能够快速的下载和浏览网页。
但是，优化处理移动互联网页面也造成了页面简单、功能单一，显示效果缺乏吸引力，影响了移动网页的用户体验，不利于吸引用户更多的使用移动互联网，不利于移动互联网的发展。
发明内容
本发明提供一种移动终端加载网页的方法和系统，能够提高了移动互联网网页的加载效率，为移动网页提供丰富的功能和显示效果，方便用户使用浏览和使用移动网页，提高了移动终端浏览网页的用户体验，保持了移动终端展示网页的良好效果，促进了移动终端浏览网页应用的发展。
本发明的技术方案提供了一种移动终端加载网页的方法，包括以下步骤：
S101、移动终端下载完整网页；
S102、在本地存储所述网页的JavaScript和CSS脚本；
S103、再次下载或刷新页面，判断距离上次下载的时间间隔是否小于10分钟，若是则执行S104，若否则转向S106；
S104、读取本地存储的所述JavaScript和CSS脚本；
S105、重新下载所述网页的html文档部分，转向S107；
S106、重新下载完整的所述网页；
S107、重新生成完整的所述网页。
进一步的，所述网页为使用html5语法生成的网络页面。
进一步的，所述网页的JavaScript和CSS脚本采用压缩方式进行下载和存储。
进一步的，在步骤S104中，所述读取本地存储的所述JavaScript和CSS脚本，进一步包括：
对所述JavaScript和CSS脚本进行解压缩后进行读取。
进一步的，重新下载的所述网页html文档部分和本地读取的所述JavaScript和CSS脚本合成生成完整的网页。
本发明的技术方案还提供了一种移动终端加载网页的系统，其特征在于，包括：管理单元，下载单元，存储单元，其中，
管理单元用于管理本地存储的所述JavaScript和CSS脚本，判断重新下载或刷新网页的时间间隔，以及管理将重新下载的所述网页html文档部分和本地读取的所述JavaScript和CSS脚本生成完整的网页；
下载单元用于下载网页；
存储单元用于在本地存储所述JavaScript和CSS脚本。
进一步的，所述存储单元采用压缩方式存储所述JavaScript和CSS脚本。
进一步的，下载单元支持分别下载所述网页的html文档部分，JavaScript和CSS脚本部分。
本发明技术方案能够提高移动互联网网页的加载效率，为移动网页提供丰富的功能和显示效果，方便用户使用浏览和使用移动网页，提高移动终端浏览网页的用户体验，保持移动终端展示网页的良好效果，有利于移动终端浏览网页应用的发展。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例一中移动终端加载网页的方法流程图；
图2为本发明实施例一中移动终端加载网页的系统结构图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1为本发明实施例一中移动终端加载网页的方法流程图。如图1所示，该方法流程包括以下步骤：
步骤S101、移动终端下载完整网页。
网页为使用html5语法生成的网络页面。
步骤S102、在本地存储网页的JavaScript和CSS脚本。
网页的JavaScript和CSS脚本采用压缩方式进行下载和存储。
步骤S103、再次下载或刷新页面，判断距离上次下载的时间间隔是否小于10分钟，若是则执行S104，若否则转向S106。
步骤S104、读取本地存储的JavaScript和CSS脚本。
对JavaScript和CSS脚本进行解压缩后进行读取。
步骤S105、重新下载网页的html文档部分，转向S107。
步骤S106、重新下载完整的网页。
步骤S107、重新生成完整的网页。
若是仅下载html文档部分，则重新下载的网页html文档部分和本地读取的JavaScript和CSS脚本合成生成完整的网页。
为了实现上述实施例一，本实施例还提供了一种移动终端加载网页的系统，图2为本发明实施例一中移动终端加载网页的系统结构图。如图2所示，该系统包括：管理单元201，下载单元202，存储单元203，其中，
管理单元用于管理本地存储的JavaScript和CSS脚本，判断重新下载或刷新网页的时间间隔，以及管理将重新下载的网页html文档部分和本地读取的JavaScript和CSS脚本生成完整的网页；
下载单元用于下载网页；
存储单元用于在本地存储JavaScript和CSS脚本。
存储单元采用压缩方式存储JavaScript和CSS脚本。
下载单元支持分别下载网页的html文档部分，JavaScript和CSS脚本部分。
上述实施例中的技术方案能够提高了移动互联网网页的加载效率，为移动网页提供丰富的功能和显示效果，方便用户使用浏览和使用移动网页，提高了移动终端浏览网页的用户体验，保持了移动终端展示网页的良好效果，促进了移动终端浏览网页应用的发展。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (8)
1.一种移动终端加载网页的方法，其特征在于，包括以下步骤：
S101、移动终端下载完整网页；
S102、在本地存储所述网页的JavaScript和CSS脚本；
S103、再次下载或刷新页面，判断距离上次下载的时间间隔是否小于10分钟，若是则执行S104，若否则转向S106；
S104、读取本地存储的所述JavaScript和CSS脚本；
S105、重新下载所述网页的html文档部分，转向S107；
S106、重新下载完整的所述网页；
S107、重新生成完整的所述网页。
2.根据权利要求1所述的方法，其特征在于，所述网页为使用html5语法生成的网络页面。
3.根据权利要求1所述的方法，其特征在于，所述网页的JavaScript和CSS脚本采用压缩方式进行下载和存储。
4.根据权利要求1所述的方法，其特征在于，在步骤S104中，所述读取本地存储的所述JavaScript和CSS脚本，进一步包括：
对所述JavaScript和CSS脚本进行解压缩后进行读取。
5.根据权利要求1或4所述的方法，其特征在于，重新下载的所述网页html文档部分和本地读取的所述JavaScript和CSS脚本合成生成完整的网页。
6.一种移动终端加载网页的系统，其特征在于，包括：管理单元，下载单元，存储单元，其中，
管理单元用于管理本地存储的所述JavaScript和CSS脚本，判断重新下载或刷新网页的时间间隔，以及管理将重新下载的所述网页html文档部分和本地读取的所述JavaScript和CSS脚本生成完整的网页；
下载单元用于下载网页；
存储单元用于在本地存储所述JavaScript和CSS脚本。
7.根据权利要求6所述的系统，其特征在于，所述存储单元采用压缩方式存储所述JavaScript和CSS脚本。
8.根据权利要求6所述的系统，其特征在于，下载单元支持分别下载所述网页的html文档部分，JavaScript和CSS脚本部分。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610835489.3A CN107844500A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端加载网页的方法和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610835489.3A CN107844500A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端加载网页的方法和系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107844500A true CN107844500A (zh) | 2018-03-27 |
Family
ID=61656893
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610835489.3A Pending CN107844500A (zh) | 2016-09-20 | 2016-09-20 | 一种移动终端加载网页的方法和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107844500A (zh) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103716319A (zh) * | 2013-12-26 | 2014-04-09 | 杭州华三通信技术有限公司 | 一种Web访问优化的装置和方法 |
| US20140379841A1 (en) * | 2011-12-30 | 2014-12-25 | Beijing Qihoo Technology Company Limited | Web page content loading control method and device |
| CN104572230A (zh) * | 2015-02-13 | 2015-04-29 | 小米科技有限责任公司 | 脚本文件的加载方法、脚本文件生成方法及装置 |
| CN105095280A (zh) * | 2014-05-13 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 一种浏览器缓存方法和装置 |
| CN105893451A (zh) * | 2015-12-31 | 2016-08-24 | 乐视移动智能信息技术（北京）有限公司 | 一种资源获取方法与装置 |
-
2016
- 2016-09-20 CN CN201610835489.3A patent/CN107844500A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140379841A1 (en) * | 2011-12-30 | 2014-12-25 | Beijing Qihoo Technology Company Limited | Web page content loading control method and device |
| CN103716319A (zh) * | 2013-12-26 | 2014-04-09 | 杭州华三通信技术有限公司 | 一种Web访问优化的装置和方法 |
| CN105095280A (zh) * | 2014-05-13 | 2015-11-25 | 腾讯科技（深圳）有限公司 | 一种浏览器缓存方法和装置 |
| CN104572230A (zh) * | 2015-02-13 | 2015-04-29 | 小米科技有限责任公司 | 脚本文件的加载方法、脚本文件生成方法及装置 |
| CN105893451A (zh) * | 2015-12-31 | 2016-08-24 | 乐视移动智能信息技术（北京）有限公司 | 一种资源获取方法与装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102937979B (zh) | 网页的自定义优化 | |
| CN104995601B (zh) | 切换到本机网页应用程序及从本机网页应用程序切换离开 | |
| US20100005410A1 (en) | Mobile device application framework | |
| CN105159999A (zh) | 动态页面的展现方法及装置 | |
| US20140188636A1 (en) | Reactive ad formats | |
| CN107526579A (zh) | 一种应用程序页面开发管理方法及装置 | |
| CN107451162A (zh) | 网络资源访问设备、混合设备及方法 | |
| Hales | HTML5 and JavaScript Web Apps: Bridging the gap between the web and the mobile web | |
| CN103747074B (zh) | 基于Web服务器的移动监控系统 | |
| CN109308254A (zh) | 一种测试方法、装置及测试设备 | |
| Firtman | High Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps | |
| JP6588577B2 (ja) | 命令リストを生成することによるｆｌａｓｈコンテンツのｈｔｍｌコンテンツへの変換 | |
| US11074646B1 (en) | Dynamically selecting an image for display | |
| CN107633426A (zh) | 基于环境数据的广告信息植入方法及系统 | |
| CN102253986A (zh) | 提高多终端网页显示效果的方法和装置 | |
| CN107844500A (zh) | 一种移动终端加载网页的方法和系统 | |
| CN107844501A (zh) | 一种移动终端处理网页弹窗的方法和系统 | |
| CN107844332A (zh) | 一种移动网页加载外部资源的方法和系统 | |
| CN107844346A (zh) | 一种移动网页元素显示动态效果的方法和系统 | |
| Cai et al. | NetPadBrowser: An Offline Browser for Web-Based Dynamic Geometric Resources | |
| Jiang et al. | xface: A lightweight web application engine on multiple mobile platforms | |
| CN104866359A (zh) | 网页加载方法及装置 | |
| CN106484731A (zh) | 一种移动终端显示高清晰网页图片的方法和系统 | |
| CN111125073A (zh) | 一种大数据平台数据质量校验的方法、装置及系统 | |
| Niranga | Mobile web performance optimization |
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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20180327 |