CN103685518A - 为移动终端提供图文类页面的方法、客户端和*** - Google Patents
为移动终端提供图文类页面的方法、客户端和*** Download PDFInfo
- Publication number
- CN103685518A CN103685518A CN201310687464.XA CN201310687464A CN103685518A CN 103685518 A CN103685518 A CN 103685518A CN 201310687464 A CN201310687464 A CN 201310687464A CN 103685518 A CN103685518 A CN 103685518A
- Authority
- CN
- China
- Prior art keywords
- picture
- text class
- html page
- thumbnail
- viewing area
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 78
- 238000002224 dissection Methods 0.000 claims description 17
- 238000010586 diagram Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 150000001875 compounds Chemical class 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000001846 repelling effect Effects 0.000 description 1
- 230000009897 systematic effect Effects 0.000 description 1
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种为移动终端提供图文类页面的方法、客户端和***。所述方法包括：当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；从图床服务器加载所述图文类HTML页面中存在的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。本发明的技术方案，由于先加载图文类HTML页面在显示区域中的文字部分和缩略图，加载的数据量较小，因此可以较快地将HTML页面呈现给用户，提高了用户体验。
Description
技术领域
本发明涉及网络通信技术领域，具体涉及为移动终端提供图文类页面的方法、客户端和***。
背景技术
所谓图文类页面是指既有文字描述又有图片的HTML页面。例如，移动终端上的解决方案提供软件在用户输入问题时，会给用户返回对应的解决方案的图文类HTML页面，其中包括文字说明和进行解释说明的图片。
在移动终端上打开图文类HTML页面时，移动浏览器会加载HTML页面中的所有资源，然而由于HTML页面包含有大量的文字和图片资源，而移动网络的下载速度又有限，因此大量资源使得加载变得缓慢，页面不能马上呈现给用户，用户体验较差。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的为移动终端提供图文类页面的方法、客户端和***。
依据本发明的一个方面，提供了一种为移动终端提供图文类页面的方法，包括：
当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；
解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；
从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
可选地，该方法进一步包括：在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
可选地，该方法进一步包括：当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
可选地，所述脚本样式压缩数据包括：CSS包和JS包。
本发明还公开了一种为移动终端提供图文类页面的方法，该方法包括：
将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；
以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；
当移动终端接收到请求加载图文类HTML页面的指示时，从CDN***获取该图文类HTML页面的脚本样式压缩数据；根据获取的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
可选地，该方法进一步包括：移动终端在收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
可选地，所述将所述图文类HTML页面中存在的一个或多个图片元素的原始图和缩略图对应存放到图床服务器上包括：原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
可选地，所述脚本样式压缩数据包括：CSS包和JS包。
可选地，所述将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中包括：对图文类HTML页面的CSS包和JS包进行压缩处理后存放到CDN***中。
本发明还公开了一种为移动终端提供图文类页面的客户端，该客户端包括：
获取单元，适于当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；
展示处理单元，适于解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
可选地，所述展示处理单元，进一步适于在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
可选地，所述展示处理单元，进一步适于当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
可选地，所述获取单元，具体适于当移动终端接收到请求加载图文类HTML页面的指示时，从DN***获取所述图文类HTML页面的CSS包和JS包。
本发明还公开了一种为移动终端提供图文类页面的***，该***包括：解析处理服务器、图床服务器和如上述任一项所述的客户端；
所述解析处理服务器，适于将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；
所述图床服务器，适于保存图文类HTML页面中存在的图片元素的原始图和缩略图。
可选地，所述解析处理服务器，进一步适于将图文类HTML页面中存在的图片元素的原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
可选地，所述解析处理服务器，具体适于将图文类HTML页面的CSS包和JS包存放到内容分发网络CDN***中。
可选地，所述解析处理服务器，进一步适于将图文类HTML页面的CSS包和JS包进行压缩处理后再存放到内容分发网络CDN中。
根据本发明的这种当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；从图床服务器加载所述图文类HTML页面中存在的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图的技术方案，由于先加载图文类HTML页面在显示区域中的文字部分和缩略图，加载的数据量较小，因此可以较快地将HTML页面呈现给用户，提高了用户体验。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了根据本发明一个实施例的一种为移动终端提供图文类页面的方法的流程图;
图2示出了根据本发明又一个实施例的一种为移动终端提供图文类页面的方法的流程图；
图3示出了根据本发明一个实施例的为移动终端提供图文类页面的方法的框架示意图；
图4示出了根据本发明一个实施例的一种为移动终端提供图文类页面的客户端的结构图；
图5示出了根据本发明一个实施例的一种为移动终端提供图文类页面的***组成和与外部的连接示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种为移动终端提供图文类页面的方法的流程图。如图1所示，该方法包括：
步骤S110，当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据。
在本发明的一个实施例中，图文类HTML页面的脚本样式压缩数据是指HTML页面的除图片以外的部分，具体包括：图文类HTML页面的CSS包和JS包。这里CSS包中是页面的CSS样式，JS包中是页面的JS脚本。
步骤S120，解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示。
步骤S130，从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
图1所示的技术方案，由于先加载图文类HTML页面在显示区域中的文字部分和缩略图，加载的数据量较小，因此可以较快地将HTML页面呈现给用户，提高了用户体验。
在本发明的一个实施例中，图1所示的方法进一步包括：在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
在本发明的一个实施例中，图1所示的方法进一步包括：当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
在上述方案中，由于只加载显示区域中的缩略图，以及在用户点击缩略图时才加载对应的原始大图，而不是加载页面的全部资源，因此加载速度较快，用户体验较好。
在图1中以客户端侧描述了本发明中的方法，以下以全局的角度描述本发明中的方法。
图2示出了根据本发明又一个实施例的一种为移动终端提供图文类页面的方法的流程图。如图2所示，该方法包括：
步骤S210，将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中。
步骤S220，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上。
步骤S230，当移动终端接收到请求加载图文类HTML页面的指示时，从CDN***获取该图文类HTML页面的脚本样式压缩数据；根据获取的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
在本发明的一个实施例中，图2所示的方法进一步包括：移动终端在收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
在本发明的一个实施例中，图2所示的方法中所述将所述图文类HTML页面中存在的一个或多个图片元素的原始图和缩略图对应存放到图床服务器上包括：将原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
在本发明的一个实施例中，图2所示的方法中所述脚本样式压缩数据包括：CSS包和JS包。
在本发明的一个实施例中，图2所示的方法中，所述将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中包括：对图文类HTML页面的CSS包和JS包进行压缩处理后存放到CDN***中。
为使得图2所示的方法更加清楚，下面图3为例进行进一步的说明。
图3示出了根据本发明一个实施例的为移动终端提供图文类页面的方法的框架示意图。如图3所示，对于HTML页面来说，其HTML源码包括图片、JS和CSS。在本发明中将JS和CSS进行压缩，可以使用前端开发常见的压缩技术，如compressor等，将压缩后的JS包和CSS包存放在CDN***中。而将HTML页面中的图片存放到图床服务器上，其中，对于HTML页面中包含的每个图片都有对应的原始图和缩略图。图片都改为JPG格式，且缩略图的大小调整成一致，以便于存储和管理。在图床服务器上，各类图片按照其所在的图文类HTML页面的域名进行分类存储，且图片文件都具有自己的文件名。当用户使用移动终端访问某个图文类HTML页面时，客户端首选根据域名从CDN***获取对应的JS包和CSS包，进行解析可获得该HTML页面的文字部分，先展示文字部分，同时根据域名从图床服务器获取该HTML页面的位于移动终端显示区域中的图片的缩略图，并在相应的位置展示所获取的缩略图。这样，由于缩略的数据量较小，可以较快的向用户展示该HTML页面。如果用户滑动页面，则继续从图床服务器获取进行移动终端的显示区域中的图片元素的缩略图进行相应展示。此外，如果用户点击某个缩略图时，从图床服务器获取对应的原始图展示给用户，因使得用户看到清晰的原始大图。
图4示出了根据本发明一个实施例的一种为移动终端提供图文类页面的客户端的结构图。如图4所示，该为移动终端提供图文类页面的客户端400包括：
获取单元401，适于当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；
展示处理单元402，适于解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
图4所示的客户端，由于先加载图文类HTML页面在显示区域中的文字部分和缩略图，加载的数据量较小，因此可以较快地将HTML页面呈现给用户，提高了用户体验。
在本发明的一个实施例中，所述展示处理单元402，进一步适于在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
在本发明的一个实施例中，所述展示处理单元402，进一步适于当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
在本发明的一个实施例中，所述获取单元401，具体适于当移动终端接收到请求加载图文类HTML页面的指示时，从DN***获取所述图文类HTML页面的CSS包和JS包。
图5示出了根据本发明一个实施例的一种为移动终端提供图文类页面的***组成和与外部的连接示意图。如图5所示，该***包括：解析处理服务器500、图床服务器600和如图4所示所示的为移动终端提供图文类页面的客户端400。
所述解析处理服务器500，适于将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上600；
所述图床服务器600，适于保存图文类HTML页面中存在的图片元素的原始图和缩略图。
在本发明的一个实施例中，所述解析处理服务器500，进一步适于将图文类HTML页面中存在的图片元素的原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
在本发明的一个实施例中，所述解析处理服务器500，具体适于将图文类HTML页面的CSS包和JS包存放到内容分发网络CDN***中。
在本发明的一个实施例中，所述解析处理服务器500，进一步适于将图文类HTML页面的CSS包和JS包进行压缩处理后再存放到内容分发网络CDN中。
图5所示***的工作原理可参见图3中的描述，这里不再复述。
综上所述，根据本发明的这种当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；从图床服务器加载所述图文类HTML页面中存在的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图的技术方案，由于先加载图文类HTML页面在显示区域中的文字部分和缩略图，加载的数据量较小，因此可以较快地将HTML页面呈现给用户，提高了用户体验。
需要说明的是：
在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***也可以与基于在此的示教一起使用。根据上面的描述，构造这类***所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的为移动终端提供图文类页面的客户端和***中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种为移动终端提供图文类页面的方法，包括：当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
A2、如A1所述的方法，其中，该方法进一步包括：在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
A3、如A1或A2所述的方法，其中，该方法进一步包括：当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
A4、如A1或A2所述的方法，其中，所述脚本样式压缩数据包括：CSS包和JS包。
本发明还公开了B5、一种为移动终端提供图文类页面的方法，其中，该方法包括：将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；当移动终端接收到请求加载图文类HTML页面的指示时，从CDN***获取该图文类HTML页面的脚本样式压缩数据；根据获取的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
B6、如B5所述的方法，其中，该方法进一步包括：移动终端在收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
B7、如B5或B6所述的方法，其中，所述将所述图文类HTML页面中存在的一个或多个图片元素的原始图和缩略图对应存放到图床服务器上包括：原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
B8、如B5或B6所述的方法，其中，所述脚本样式压缩数据包括：CSS包和JS包。
B9、如B8所述的方法，其中，所述将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中包括：对图文类HTML页面的CSS包和JS包进行压缩处理后存放到CDN***中。
本发明还公开了C9、一种为移动终端提供图文类页面的客户端，其中，该客户端包括：获取单元，适于当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；展示处理单元，适于解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
C11、如C10所述的客户端，其中，所述展示处理单元，进一步适于在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
C12、如C10所述的客户端，其中，所述展示处理单元，进一步适于当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
C13、如C10所述的客户端，其中，
所述获取单元，具体适于当移动终端接收到请求加载图文类HTML页面的指示时，从DN***获取所述图文类HTML页面的CSS包和JS包。
本发明还公开了D14、一种为移动终端提供图文类页面的***，其中，该***包括：解析处理服务器、图床服务器和如C10-C13中任一项所述的客户端；所述解析处理服务器，适于将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；所述图床服务器，适于保存图文类HTML页面中存在的图片元素的原始图和缩略图。
D15、如D14所述的***，其中，所述解析处理服务器，进一步适于将图文类HTML页面中存在的图片元素的原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
D16、如D14所述的***，其中，所述解析处理服务器，具体适于将图文类HTML页面的CSS包和JS包存放到内容分发网络CDN***中。
D17、如D16所述的***，其中，所述解析处理服务器，进一步适于将图文类HTML页面的CSS包和JS包进行压缩处理后再存放到内容分发网络CDN中。
Claims (10)
1.一种为移动终端提供图文类页面的方法，包括：
当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；
解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；
从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
2.如权利要求1所述的方法，其中，该方法进一步包括：
在收到滑动所述显示区域的滚动条的指令时，相应展示所述图文类HTML页面的进入所述显示区域的文字部分，以及从图床服务器加载所述图文类HTML页面中存在的进入所述显示区域内一个或多个图片元素所对应的缩略图，并在所述显示区域的预留位置展示所述缩略图。
3.如权利要求1或2所述的方法，其中，该方法进一步包括：
当收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
4.如权利要求1或2所述的方法，其中，所述脚本样式压缩数据包括：CSS包和JS包。
5.一种为移动终端提供图文类页面的方法，其中，该方法包括：
将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；
以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；
当移动终端接收到请求加载图文类HTML页面的指示时，从CDN***获取该图文类HTML页面的脚本样式压缩数据；根据获取的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
6.根据权利要求5所述的方法，其中，该方法进一步包括：
移动终端在收到点击所述显示区域中所展示的缩略图的指令时，从图床服务器加载该缩略图对应的原始图，并在所述显示区域内展示所述原始图。
7.如权利要求5或6所述的方法，其中，所述将所述图文类HTML页面中存在的一个或多个图片元素的原始图和缩略图对应存放到图床服务器上包括：
原始图和缩略图都转换成JPG格式，以及所有缩略图的大小调整成一致后存放到图床服务器上。
8.如权利要求5或6所述的方法，其中，所述脚本样式压缩数据包括：CSS包和JS包。
9.一种为移动终端提供图文类页面的客户端，其中，该客户端包括：
获取单元，适于当移动终端接收到请求加载图文类HTML页面的指示时，从内容分发网络CDN***获取所述图文类HTML页面中的脚本样式压缩数据；
展示处理单元，适于解析所述图文类HTML页面的脚本样式压缩数据，获取所述图文类HTML页面的文字部分并在移动终端的显示区域内展示；以及从图床服务器加载所述图文类HTML页面中存在的位于所述显示区域中的一个或多个图片元素所对应的缩略图，在所述显示区域的预留位置展示所述缩略图。
10.一种为移动终端提供图文类页面的***，其中，该***包括：解析处理服务器、图床服务器和如权利要求9中所述的客户端；
所述解析处理服务器，适于将图文类HTML页面的脚本样式压缩数据存放到内容分发网络CDN***中；以及，将所述图文类HTML页面中存在的图片元素的原始图和缩略图对应存放到图床服务器上；
所述图床服务器，适于保存图文类HTML页面中存在的图片元素的原始图和缩略图。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310687464.XA CN103685518B (zh) | 2013-12-16 | 2013-12-16 | 为移动终端提供图文类页面的方法、客户端和*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310687464.XA CN103685518B (zh) | 2013-12-16 | 2013-12-16 | 为移动终端提供图文类页面的方法、客户端和*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103685518A true CN103685518A (zh) | 2014-03-26 |
| CN103685518B CN103685518B (zh) | 2016-09-28 |
Family
ID=50321793
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310687464.XA Active CN103685518B (zh) | 2013-12-16 | 2013-12-16 | 为移动终端提供图文类页面的方法、客户端和*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103685518B (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636106A (zh) * | 2015-02-12 | 2015-05-20 | 小米科技有限责任公司 | 图片显示方法和装置、终端设备 |
| CN106656749A (zh) * | 2016-11-30 | 2017-05-10 | 贵州智通天下信息技术有限公司 | 一种图文混排消息发送方法 |
| CN108932277A (zh) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | 一种网页加载方法、网页加载***和服务器 |
| CN109241470A (zh) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | 页面显示方法、装置及*** |
| CN110489682A (zh) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | 一种页面加载方法和装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070279438A1 (en) * | 2006-06-05 | 2007-12-06 | Sony Corporation | Information processing apparatus, information processing method, and computer program |
| CN101963992A (zh) * | 2010-10-20 | 2011-02-02 | 深圳市茁壮网络股份有限公司 | 提高网页显示速度的方法及浏览器 |
| CN102737067A (zh) * | 2011-04-15 | 2012-10-17 | 阿里巴巴集团控股有限公司 | 输出网页的方法和*** |
| CN102789470A (zh) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | 加载网页中的图片的方法和装置 |
-
2013
- 2013-12-16 CN CN201310687464.XA patent/CN103685518B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070279438A1 (en) * | 2006-06-05 | 2007-12-06 | Sony Corporation | Information processing apparatus, information processing method, and computer program |
| CN101963992A (zh) * | 2010-10-20 | 2011-02-02 | 深圳市茁壮网络股份有限公司 | 提高网页显示速度的方法及浏览器 |
| CN102737067A (zh) * | 2011-04-15 | 2012-10-17 | 阿里巴巴集团控股有限公司 | 输出网页的方法和*** |
| CN102789470A (zh) * | 2011-05-20 | 2012-11-21 | 腾讯科技（深圳）有限公司 | 加载网页中的图片的方法和装置 |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104636106A (zh) * | 2015-02-12 | 2015-05-20 | 小米科技有限责任公司 | 图片显示方法和装置、终端设备 |
| CN104636106B (zh) * | 2015-02-12 | 2018-12-25 | 小米科技有限责任公司 | 图片显示方法和装置、终端设备 |
| CN106656749A (zh) * | 2016-11-30 | 2017-05-10 | 贵州智通天下信息技术有限公司 | 一种图文混排消息发送方法 |
| CN108932277A (zh) * | 2018-04-25 | 2018-12-04 | 网宿科技股份有限公司 | 一种网页加载方法、网页加载***和服务器 |
| WO2019205191A1 (zh) * | 2018-04-25 | 2019-10-31 | 网宿科技股份有限公司 | 一种网页加载方法、网页加载***和服务器 |
| CN109241470A (zh) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | 页面显示方法、装置及*** |
| CN110489682A (zh) * | 2019-07-08 | 2019-11-22 | 北京三快在线科技有限公司 | 一种页面加载方法和装置 |
| CN110489682B (zh) * | 2019-07-08 | 2022-04-15 | 北京三快在线科技有限公司 | 一种页面加载方法和装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103685518B (zh) | 2016-09-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11647096B2 (en) | Method and apparatus for automatically optimizing the loading of images in a cloud-based proxy service | |
| CN110096660B (zh) | 用于加载页面图片的方法、装置和电子设备 | |
| US8499099B1 (en) | Converting data into addresses | |
| CN104036011A (zh) | 网页元素的显示方法以及浏览器装置 | |
| CN104077387A (zh) | 一种网页内容显示方法和浏览器装置 | |
| CN103617191A (zh) | 使用硬件加速实现浏览器渲染的方法和浏览器 | |
| CN103685518A (zh) | 为移动终端提供图文类页面的方法、客户端和*** | |
| CN103631905A (zh) | 一种网页的加载方法和浏览器 | |
| CN102981848B (zh) | 网页主体元素处理浏览器和方法 | |
| CN103092941A (zh) | 在电子设备上呈现内容的方法和装置 | |
| CN102981844B (zh) | 对网页主体元素进行处理的浏览器及方法 | |
| CN104346464A (zh) | 网页元素信息的处理方法、装置和浏览器客户端 | |
| CN104462571A (zh) | 进行网页加载的方法、装置和浏览器客户端 | |
| CN104468774A (zh) | 应用于云盘客户端的数据展示方法及云盘客户端 | |
| CN102902802A (zh) | 一种网页转码方法和装置 | |
| CN104469528A (zh) | 一种进行视频数据加载的方法、装置和浏览器客户端 | |
| CN103023972B (zh) | 一种对文件进行管理的方法和装置 | |
| CN104463642A (zh) | 一种进行广告过滤处理的方法、装置和浏览器客户端 | |
| CN104951556A (zh) | 在搜索结果页中生成提示信息的方法及装置 | |
| CN102624910B (zh) | 处理用户选取的网页内容的方法、装置及*** | |
| CN105630310A (zh) | 一种图组切换时的标题展示方法和装置 | |
| CN102902784B (zh) | 网页分类存储***及方法 | |
| US9053184B2 (en) | On-demand generation of correlated collections of mashable data from distributed, non-homogeneous data sources | |
| CN104468769A (zh) | 进行网络数据内容获取的方法、装置、客户端和*** | |
| CN103685498A (zh) | 一种壁纸的加载方法和浏览器装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Free format text: FORMER OWNER: QIZHI SOFTWARE (BEIJING) CO., LTD. Effective date: 20150701 Owner name: BEIJING QILI SOFTWARE TECHNOLOGY CO., LTD. Free format text: FORMER OWNER: BEIJING QIHU TECHNOLOGY CO., LTD. Effective date: 20150701 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20150701 Address after: 100028 Beijing city Chaoyang District P.R.China 16 Building 2 layer 1-6 layer 16-1 room 212 Applicant after: BEIJING QILI SOFTWARE TECHNOLOGY CO., LTD. Address before: 100088 Beijing city Xicheng District xinjiekouwai Street 28, block D room 112 (Desheng Park) Applicant before: Beijing Qihu Technology Co., Ltd. Applicant before: Qizhi Software (Beijing) Co., Ltd. |
|
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |