移动设备加载网络图片资源的优化方法

移动设备加载网络图片资源的优化方法
【技术领域】
[0001]本发明公开移动设备加载网络图片资源的优化方法，属于网络资源优化技术领域。
【背景技术】
[0002]在互联网时代，用户对手机的体验要求远远高于PC的桌面应用程序。特别是互联网内容是丰富多彩的，移动设备的操作系统均已支持加载常见格式的图片，随着应用对网络依赖程度的加强，操作系统也已支持从网络直接读取图片，但图片的加载速度不宜过慢，而随着如今终端屏幕分辨率的增加，用户对移动终端的图片质量也有了更高的要求，而且一些图文并茂的网站也想在移动客户端实现非常流畅完美的体验效果，但是目前很多移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成以下问题:内容加载缓慢；互联网内容无法缓存，导致流量大量流失；用户体验差。为了解决上述问题，本发明提供移动设备加载网络图片资源的优化方法，对网页源码进行优化处理，可以进行本地缓存，下次进入这篇文章可以直接从缓存读取，提高响应速度并且节省用户流量。可以实现点击图片放大、保存图片到相册等操作，使互联网内容更快速、美观的反映在移动设备上。
[0003]JS框架，JavaScript, 一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
[0004]Native端指Native App是一种基于智能手机本地操作系统如1S、Android、WP并使用原生程式编写运行的第三方应用程序，也叫本地app。Native App因为位于平台层上方，向下访问和兼容的能力好，支持在线或离线，消息推送或本地资源访问，摄像拨号功能的调取。其实也就是我们现在使用的基于本地运行的APP。

【发明内容】

[0005]本发明针对现有技术中移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成问题，提供移动设备加载网络图片资源的优化方法，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。
[0006]本发明提出的具体方案是:
移动设备加载网络图片资源的优化方法:
移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为:
Native端进行初始化，同时JS端对互联网请求的初始化；
Native端禁止HTML中的图片加载；
Native端下载HTML中的图片内容； Native端把cache中的图片地址返回给HTML文本并进行显示。
[0007]Native端在初始化中包含了一个用于接收JS的回调，JS端在初始化中向Native端返回信息。
[0008]Native端替换获取的HTML文本中默认的src，禁用HTML文本中的图片加载。
[0009]JS端在onLoadedO函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给0C端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。
[0010]Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
[0011]本发明的有益之处是:
本发明提供移动设备加载网络图片资源的优化方法，在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上；解决了移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成问题的难题。
【附图说明】
[0012]图1本发明方法流程示意图。
【具体实施方式】
[0013]移动设备加载网络图片资源的优化方法:
移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为:
Native端进行初始化，同时JS端对互联网请求的初始化；
Native端禁止HTML中的图片加载；
Native端下载HTML中的图片内容；
Native端把cache中的图片地址返回给HTML文本并进行显示。
[0014]Native端在初始化中包含了一个用于接收JS的回调，JS端在初始化中向Native端返回信息。
[0015]Native端替换获取的HTML文本中默认的src，禁用HTML文本中的图片加载。
[0016]JS端在onLoadedO函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给0C端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。
[0017]Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
[0018]根据上述方法，结合附图对本发明进行进一步说明。
[0019]在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为:
Native端进行初始化，同时JS端对互联网请求的初始化； Native端替换获取的HTML文本中默认的src，达到禁用HTML文本中的图片加载的目的；
同时JS端在onLoadedO函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给0C端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片；
Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
[0020]根据上述本
【发明内容】
在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。
【主权项】
1.移动设备加载网络图片资源的优化方法，其特征在于 移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为: Native端进行初始化，同时JS端对互联网请求的初始化； Native端禁止HTML中的图片加载； Native端下载HTML中的图片内容； Native端把cache中的图片地址返回给HTML文本并进行显示。2.根据权利要求1所述的方法，其特征在于Native端在初始化中包含了一个用于接收JS的回调，JS端在初始化中向Native端返回信息。3.根据权利要求1或2所述的方法，其特征在于Native端替换获取的HTML文本中默认的src，禁用HTML文本中的图片加载。4.根据权利要求3所述的方法，其特征在于JS端在onLoadedO函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给0C端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。5.根据权利要求1或4所述的方法，其特征在于Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
【专利摘要】本发明公开移动设备加载网络图片资源的优化方法，属于网络资源优化技术领域；本发明提供移动设备加载网络图片资源的优化方法，在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。
【IPC分类】G06F17/30
【公开号】CN105373589
【申请号】CN201510668997
【发明人】赵志强, 张安举, 左少标
【申请人】浪潮软件集团有限公司
【公开日】2016年3月2日
【申请日】2015年10月13日