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

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

Info

Publication number
CN105373589A
CN105373589A CN201510668997.2A CN201510668997A CN105373589A CN 105373589 A CN105373589 A CN 105373589A CN 201510668997 A CN201510668997 A CN 201510668997A CN 105373589 A CN105373589 A CN 105373589A
Authority
CN
China
Prior art keywords
picture
native
html text
html
initialization
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
Application number
CN201510668997.2A
Other languages
English (en)
Inventor
赵志强
张安举
左少标
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Inspur Software Group Co Ltd
Original Assignee
Inspur Software Group Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Inspur Software Group Co Ltd filed Critical Inspur Software Group Co Ltd
Priority to CN201510668997.2A priority Critical patent/CN105373589A/zh
Publication of CN105373589A publication Critical patent/CN105373589A/zh
Pending legal-status Critical Current

Links

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

本发明公开移动设备加载网络图片资源的优化方法，属于网络资源优化技术领域；本发明提供移动设备加载网络图片资源的优化方法，在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。

Description

移动设备加载网络图片资源的优化方法
技术领域
本发明公开移动设备加载网络图片资源的优化方法，属于网络资源优化技术领域。
背景技术
在互联网时代，用户对手机的体验要求远远高于PC的桌面应用程序。特别是互联网内容是丰富多彩的，移动设备的操作***均已支持加载常见格式的图片，随着应用对网络依赖程度的加强，操作***也已支持从网络直接读取图片，但图片的加载速度不宜过慢，而随着如今终端屏幕分辨率的增加，用户对移动终端的图片质量也有了更高的要求，而且一些图文并茂的网站也想在移动客户端实现非常流畅完美的体验效果，但是目前很多移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成以下问题：内容加载缓慢；互联网内容无法缓存，导致流量大量流失；用户体验差。为了解决上述问题，本发明提供移动设备加载网络图片资源的优化方法，对网页源码进行优化处理，可以进行本地缓存，下次进入这篇文章可以直接从缓存读取，提高响应速度并且节省用户流量。可以实现点击图片放大、保存图片到相册等操作，使互联网内容更快速、美观的反映在移动设备上。
JS框架，JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
Native端指NativeApp是一种基于智能手机本地操作***如IOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app。NativeApp因为位于平台层上方，向下访问和兼容的能力好，支持在线或离线，消息推送或本地资源访问，摄像拨号功能的调取。其实也就是我们现在使用的基于本地运行的APP。
发明内容
本发明针对现有技术中移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成问题，提供移动设备加载网络图片资源的优化方法，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。
本发明提出的具体方案是：
移动设备加载网络图片资源的优化方法：
移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为：
Native端进行初始化，同时JS端对互联网请求的初始化；
Native端禁止HTML中的图片加载；
Native端下载HTML中的图片内容；
Native端把cache中的图片地址返回给HTML文本并进行显示。
Native端在初始化中包含了一个用于接收JS的回调，JS端在初始化中向Native端返回信息。
Native端替换获取的HTML文本中默认的src，禁用HTML文本中的图片加载。
JS端在onLoaded()函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给OC端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。
Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
本发明的有益之处是：
本发明提供移动设备加载网络图片资源的优化方法，在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上；解决了移动设备程序，在处理展示网络内容时，往往是使用URL直接加载显示，这样容易造成问题的难题。
附图说明
图1本发明方法流程示意图。
具体实施方式
移动设备加载网络图片资源的优化方法：
移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为：
Native端进行初始化，同时JS端对互联网请求的初始化；
Native端禁止HTML中的图片加载；
Native端下载HTML中的图片内容；
Native端把cache中的图片地址返回给HTML文本并进行显示。
Native端在初始化中包含了一个用于接收JS的回调，JS端在初始化中向Native端返回信息。
Native端替换获取的HTML文本中默认的src，禁用HTML文本中的图片加载。
JS端在onLoaded()函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给OC端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。
Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
根据上述方法，结合附图对本发明进行进一步说明。
在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示；具体步骤为：
Native端进行初始化，同时JS端对互联网请求的初始化；
Native端替换获取的HTML文本中默认的src，达到禁用HTML文本中的图片加载的目的；
同时JS端在onLoaded()函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给OC端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片；
Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
根据上述本发明内容在移动设备中，禁用HTML文本中的图片加载，在Native端下载的图片并返回JS端，进行网页中显示，对网页源码进行优化处理，可以进行本地缓存，下次可以直接从缓存读取，提高响应速度并且节省用户流量。使互联网内容更快速、美观的反映在移动设备上。

Claims (5)

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端在onLoaded()函数中遍历所有img标签的esrc，并进行保存，保存为一个数组返回给OC端，并将有img标签结果返回给Native端，让Native端下载HTML文本中img标签中的图片。
5.根据权利要求1或4所述的方法，其特征在于Native端下载图片并把cache中的图片地址返回给HTML文本中img的src，并显示图片内容。
CN201510668997.2A 2015-10-13 2015-10-13 移动设备加载网络图片资源的优化方法 Pending CN105373589A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510668997.2A CN105373589A (zh) 2015-10-13 2015-10-13 移动设备加载网络图片资源的优化方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510668997.2A CN105373589A (zh) 2015-10-13 2015-10-13 移动设备加载网络图片资源的优化方法

Publications (1)

Publication Number Publication Date
CN105373589A true CN105373589A (zh) 2016-03-02

Family

ID=55375789

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510668997.2A Pending CN105373589A (zh) 2015-10-13 2015-10-13 移动设备加载网络图片资源的优化方法

Country Status (1)

Country Link
CN (1) CN105373589A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106843910A (zh) * 2017-03-10 2017-06-13 锐达互动科技股份有限公司 一种将网页图片拖拽到软件界面的方法以及***
CN111324834A (zh) * 2020-01-20 2020-06-23 北京无限光场科技有限公司 图文混排的方法、装置、电子设备及计算机可读介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1987851A (zh) * 2005-12-22 2007-06-27 腾讯科技（深圳）有限公司 一种网页数据的更新显示方法
CN101382958A (zh) * 2008-10-21 2009-03-11 深圳华为通信技术有限公司 网页加载方法和网页加载装置
EP1428348B1 (en) * 2000-12-22 2011-01-26 Research In Motion Limited Information browser system and method for a wireless communication device
CN102521266A (zh) * 2011-11-18 2012-06-27 深圳中兴网信科技有限公司 一种实现Javascript文件动态压缩与合并方法
CN104657499A (zh) * 2015-03-11 2015-05-27 网易（杭州）网络有限公司 一种客户端app的网页加载方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1428348B1 (en) * 2000-12-22 2011-01-26 Research In Motion Limited Information browser system and method for a wireless communication device
CN1987851A (zh) * 2005-12-22 2007-06-27 腾讯科技（深圳）有限公司 一种网页数据的更新显示方法
CN101382958A (zh) * 2008-10-21 2009-03-11 深圳华为通信技术有限公司 网页加载方法和网页加载装置
CN102521266A (zh) * 2011-11-18 2012-06-27 深圳中兴网信科技有限公司 一种实现Javascript文件动态压缩与合并方法
CN104657499A (zh) * 2015-03-11 2015-05-27 网易（杭州）网络有限公司 一种客户端app的网页加载方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
WENXP2006: "OC与JS的交互详解", 《HTTPS://WWW.CNBLOGS.COM/WENXP2006/P/4777937.HTML》 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106843910A (zh) * 2017-03-10 2017-06-13 锐达互动科技股份有限公司 一种将网页图片拖拽到软件界面的方法以及***
CN111324834A (zh) * 2020-01-20 2020-06-23 北京无限光场科技有限公司 图文混排的方法、装置、电子设备及计算机可读介质
CN111324834B (zh) * 2020-01-20 2024-01-16 北京有竹居网络技术有限公司 图文混排的方法、装置、电子设备及计算机可读介质

Similar Documents

Publication Publication Date Title
JP6797877B2 (ja) ウェブアプリケーションを実施する方法、装置、サーバ、及びシステム
CN111143725A (zh) 页面生成方法、装置和电子设备
US10635735B2 (en) Method and apparatus for displaying information
US11016716B2 (en) Picture interface display method and apparatus according to jump protocol
US8682964B1 (en) Progressively loading network content
US20140040746A1 (en) Methods and apparatus for voiced-enabling a web application
CN102904912B (zh) 一种网页内容下载方法及装置
CN107450928B (zh) 一种基于缓存技术的混合开发方法
CN104035753A (zh) 一种双WebView展示定制页面的方法及***
CN102298599A (zh) 离线浏览网页方法及其***
US8516041B1 (en) Pre-fetching asynchronously requested content
CN106294658A (zh) 网页快速展示方法和装置
CN102929604A (zh) 截图装置和方法
CN103024044A (zh) 网页下载方法及装置
US11032683B2 (en) Method and apparatus for publishing cloud resource
CN107301182B (zh) 一种展示内嵌图片的网页的方法和装置
WO2014176906A1 (en) Online video playing method and apparatus and computer readable medium
CN102902802A (zh) 一种网页转码方法和装置
CN103324756A (zh) 一种提高浏览器访问速度的方法及装置
CN102510410A (zh) 在线广告投放方法、***及广告控制设备
CN103186594A (zh) WebAPP动态脱机存储***及方法
CN101799821A (zh) 一种通过微件实现网页应用的方法及***
CN104394121A (zh) 终端标记方法和装置
CN103516787A (zh) 一种同步显示的方法、终端及***
CN110895481A (zh) 桌面应用的渲染方法、装置和***

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20160302