一种移动终端的网页图片显示方法技术

本发明专利技术公开了一种移动终端的网页图片显示方法。其在获取的网页元素标签中的图片标签后；获取图片标签所指向的图片的尺寸数据以及浏览器的网页显示页面中设定的图片的显示空间数据；在网页显示页面加载待显示网页时，如果尺寸数据大于显示空间数据，则获取图缩略图，并在网页显示页面中进行显示；在检测到网页显示页面中的缩略图被选择时，新建图片显示页面，仅将图片的原始图加载至图片显示页面进行显示；如果尺寸数据小于显示空间数据，则获取图片的原始图，并在网页显示页面中进行显示；在检测到网页显示页面中的原始图被选择时，对原始图进行放大显示。本发明专利技术能够方便用户查看网页中的图片。

A method of web page picture display for mobile terminal

The invention discloses a web page picture display method of a mobile terminal. It gets the picture label in the page element label, gets the size data of the picture that the picture label points, and the display space data of the picture set in the web page display page of the browser. When the page display page is loaded to display the web page, if the size data is larger than the display space data, the map abbreviations are obtained. When the thumbnail is selected in the page display page, the new picture displays the page, only the original picture is loaded to the picture display page to display. If the size data is less than the display space data, the original picture is obtained and the page display page is displayed. The display is displayed in the face, and the original map is enlarged when the original graph in the web page is detected. The invention can facilitate users to view pictures in web pages.

【技术实现步骤摘要】
一种移动终端的网页图片显示方法
本专利技术涉及计算机
，特别是涉及一种移动终端的网页图片显示方法。
技术介绍
网页是用HTML语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出集文本、超链接、图片、声音、动画和视频等信息元素为一体的网页文件，是网站的基本单位。随着移动通信技术不断发展，利用移动终端来进行网页浏览逐渐流行。然而，由于移动终端的显示屏幕都比较小，在显示屏上显示的网页内容通常会比较小，网页中所包含的图片则更小，从而导致用户无法或难以查看图片的细节，为此，在许多移动终端浏览器中都设置有网页放大镜功能，用来在网页内容显示过小时进行放大，然而，即便如此，用户需要单独点击加载图片进行放大显示，如果图片数量较多，那么用户需要逐个点击，用户体验极差。
技术实现思路
本专利技术主要解决的技术问题是提供一种移动终端的网页图片显示方法，能够方便用户查看网页中的图片。为解决上述技术问题，本专利技术采用的一个技术方案是：提供一种移动终端的网页图片显示方法，包括：获取待显示网页的网页元素标签；查找获取的所述网页元素标签中的图片标签；获取查找的所述图片标签所指向的图片的尺寸数据；获取浏览器的网页显示页面中设定的图片的显示空间数据；在所述网页显示页面加载所述待显示网页时，判断所述尺寸数据是否大于所述显示空间数据；如果所述尺寸数据大于所述显示空间数据，则获取所述图片的缩略图，并在所述网页显示页面中进行显示，其中，所述缩略图的尺寸数据小于所述图片的原始图的尺寸数据；在检测到所述网页显示页面中的缩略图被选择时，新建图片显示页面，仅将所述图片的原始图加载至所述图片显示页面进行显示；如果所述尺寸数据小于所述显示空间数据，则获取所述图片的原始图，并在所述网页显示页面中进行显示；在检测到所述网页显示页面中的原始图被选择时，确定所述原始图被选择的区域，并按照预定比例对所述被选择的区域进行放大显示。优选的，所述图片的尺寸数据包括图片高度数值和图片宽度数值，所述显示空间数据包括显示高度数值和显示宽度数值；所述判断所述尺寸数据是否大于所述显示空间数据的步骤具体为：判断所述图片高度数值与所述图片宽度数值的第一比值是否大于所述显示高度数值与所述显示宽度数值的第二比值。优选的，如果所述第一比值大于所述第二比值，则所述尺寸数据大于所述显示空间数据。优选的，如果所述第一比值小于所述第二比值，则所述尺寸数据小于所述显示空间数据。本专利技术的有益效果是：区别于现有技术的情况，本专利技术在进行网页元素显示时，获取目标网页的网页元素标签，并查找网页元素标签中的图片标签，进而获取图片的尺寸数据，在网页显示页面加载待显示网页时，判断尺寸数据是否大于显示空间数据，如果大于显示空间数据，则获取图片的缩略图，并在网页显示页面中进行显示，用户如果点击缩略图，则新建图片显示页面，并将图片的原始图加载至图片显示页面进行显示，可以在图片显示页面中查看图片，无需再单独点击每一张图片进行查看，从而能够方便用户查看网页中的图片。附图说明图1是本专利技术实施例提供的移动终端的网页图片显示方法的流程示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本专利技术的一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。参阅图1，是本专利技术实施例提供的移动终端的网页图片显示方法的流程示意图。本专利技术实施例的移动终端的网页图片显示方法包括以下步骤：S1：获取待显示网页的网页元素标签。S2：查找获取的网页元素标签中的图片标签。其中，移动终端中可以安装网络浏览器或者能够显示网页的其他应用，以下以网络浏览器中网页的显示为例进行说明。移动终端中的网络浏览器获取用户触发生成的网页访问请求，服务器接收移动终端发送的网页访问请求，并提取该网页访问请求中携带的待访问的网页标识，服务器根据该网页标识查找对应的HTML(HyperTextMark-upLanguage，超文本标记语言)文档，并将该HTML文档返回给移动终端。HTML文档中包括该网页中的网页元素标签，如标题标签、图片标签、表格标签等。每个网页元素标签具有自己特定的标签符号，如标题标签的标签符号为<title>、图片标签的标签符号为<img>、表格标签的标签符号为<table>。移动终端根据HTML文档中各网页元素标签的标签符号，查找图片img标签。S3：获取查找的图片标签所指向的图片的尺寸数据。其中，图片img标签包括src属性，src属性值指向图片文件位置URL(统一资源定位符，Uniform/UniversalResourceLocator)。移动终端可通过图片文件位置URL获取服务器中存储的与该定位符对应的图片。移动终端根据src属性指示的图片文件位置URL向服务器发送图片获取请求，该图片获取请求为一个HTTP(HyperTextTransferProtocol，超文本传输协议)请求。服务器根据移动终端发送的图片获取请求，查找与获取请求中指示的图片文件位置URL对应的图片数据，并将查找的图片数据传输至移动终端。其中，图片数据包括构成图片的各像素点数据以及图片的尺寸数据。S4：获取浏览器的网页显示页面中设定的图片的显示空间数据。其中，通常浏览器的网页显示页面设定了图片的显示尺寸，即显示空间数据。网页图片的显示尺寸不能超过显示空间数据所设定的尺寸大小。S5：在网页显示页面加载待显示网页时，判断尺寸数据是否大于显示空间数据。在本实施例中，图片的尺寸数据包括图片高度数值和图片宽度数值，显示空间数据包括显示高度数值和显示宽度数值。判断尺寸数据是否大于显示空间数据的步骤具体为：判断图片高度数值与图片宽度数值的第一比值是否大于显示高度数值与显示宽度数值的第二比值。S6：如果尺寸数据大于显示空间数据，则获取图片的缩略图，并在网页显示页面中进行显示，其中，缩略图的尺寸数据小于图片的原始图的尺寸数据。其中，如果第一比值大于第二比值，则尺寸数据大于显示空间数据。由于网页显示页面在显示待显示网页时，只会显示图片的缩略图，从而不会影响待显示网页的其他内容的正常显示。S7：在检测到网页显示页面中的缩略图被选择时，新建图片显示页面，仅将图片的原始图加载至图片显示页面进行显示。其中，图片显示页面可以是网页显示页面的子页面，用户可以通过点击任意一张缩略图进入图片显示页面，从而可以在图片显示页面中查看每一张图片的原始图。由于图片显示页面显示图片的原始图，原始图可以占据整个图片显示页面，从而使得图片细节可以得到完整保留，方便用户查看。用户可以在图片显示页面中通过滑动屏幕来进行切换下一张或上一张图片的操作。而在传统技术中，如果尺寸数据大于显示空间数据，则必须要将图片缩小后才能显示在网页显示页面中，但是这样的话，图片的细节将难以得到展示，用户需要单独点击每个图片进行放大查看，这会严重影响用户体验。S8：如果尺寸数据小于显示空间数据，则获取图片的原始图，并在网页显示页面中进行显示。其中，如果第一比值小于第二比值，则尺寸数据小于显示空间数据。由于图本文档来自技高网...

【技术保护点】
一种移动终端的网页图片显示方法，其特征在于，包括：获取待显示网页的网页元素标签；查找获取的所述网页元素标签中的图片标签；获取查找的所述图片标签所指向的图片的尺寸数据；获取浏览器的网页显示页面中设定的图片的显示空间数据；在所述网页显示页面加载所述待显示网页时，判断所述尺寸数据是否大于所述显示空间数据；如果所述尺寸数据大于所述显示空间数据，则获取所述图片的缩略图，并在所述网页显示页面中进行显示，其中，所述缩略图的尺寸数据小于所述图片的原始图的尺寸数据；在检测到所述网页显示页面中的缩略图被选择时，新建图片显示页面，仅将所述图片的原始图加载至所述图片显示页面进行显示；如果所述尺寸数据小于所述显示空间数据，则获取所述图片的原始图，并在所述网页显示页面中进行显示；在检测到所述网页显示页面中的原始图被选择时，确定所述原始图被选择的区域，并按照预定比例对所述被选择的区域进行放大显示。

【技术特征摘要】
1.一种移动终端的网页图片显示方法，其特征在于，包括：获取待显示网页的网页元素标签；查找获取的所述网页元素标签中的图片标签；获取查找的所述图片标签所指向的图片的尺寸数据；获取浏览器的网页显示页面中设定的图片的显示空间数据；在所述网页显示页面加载所述待显示网页时，判断所述尺寸数据是否大于所述显示空间数据；如果所述尺寸数据大于所述显示空间数据，则获取所述图片的缩略图，并在所述网页显示页面中进行显示，其中，所述缩略图的尺寸数据小于所述图片的原始图的尺寸数据；在检测到所述网页显示页面中的缩略图被选择时，新建图片显示页面，仅将所述图片的原始图加载至所述图片显示页面进行显示；如果所述尺寸数据小于所述显示空间数据，则获取所述图片的原始图，并在所述网页显示页面中进行显示；在检测到所述网页显示页...

【专利技术属性】
技术研发人员：罗艳，
申请(专利权)人：四川九鼎智远知识产权运营有限公司，
类型：发明
国别省市：四川,51