CN108021662A - 一种移动终端的网页图片显示方法 - Google Patents

一种移动终端的网页图片显示方法 Download PDF

Info

Publication number
CN108021662A
CN108021662A CN201711260008.1A CN201711260008A CN108021662A CN 108021662 A CN108021662 A CN 108021662A CN 201711260008 A CN201711260008 A CN 201711260008A CN 108021662 A CN108021662 A CN 108021662A
Authority
CN
China
Prior art keywords
picture
display
webpage
data
web page
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.)
Withdrawn
Application number
CN201711260008.1A
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.)
Sichuan Jiuding Zhiyuan Intellectual Property Operation Co Ltd
Original Assignee
Sichuan Jiuding Zhiyuan Intellectual Property Operation 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 Sichuan Jiuding Zhiyuan Intellectual Property Operation Co Ltd filed Critical Sichuan Jiuding Zhiyuan Intellectual Property Operation Co Ltd
Priority to CN201711260008.1A priority Critical patent/CN108021662A/zh
Publication of CN108021662A publication Critical patent/CN108021662A/zh
Withdrawn 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/9577—Optimising the visualization of content, e.g. distillation of HTML documents

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

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

Description

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

Claims (4)

1.一种移动终端的网页图片显示方法，其特征在于，包括：
获取待显示网页的网页元素标签；
查找获取的所述网页元素标签中的图片标签；
获取查找的所述图片标签所指向的图片的尺寸数据；
获取浏览器的网页显示页面中设定的图片的显示空间数据；
在所述网页显示页面加载所述待显示网页时，判断所述尺寸数据是否大于所述显示空间数据；
如果所述尺寸数据大于所述显示空间数据，则获取所述图片的缩略图，并在所述网页显示页面中进行显示，其中，所述缩略图的尺寸数据小于所述图片的原始图的尺寸数据；
在检测到所述网页显示页面中的缩略图被选择时，新建图片显示页面，仅将所述图片的原始图加载至所述图片显示页面进行显示；
如果所述尺寸数据小于所述显示空间数据，则获取所述图片的原始图，并在所述网页显示页面中进行显示；
在检测到所述网页显示页面中的原始图被选择时，确定所述原始图被选择的区域，并按照预定比例对所述被选择的区域进行放大显示。
2.根据权利要求1所述的移动终端的网页图片显示方法，其特征在于，所述图片的尺寸数据包括图片高度数值和图片宽度数值，所述显示空间数据包括显示高度数值和显示宽度数值；
所述判断所述尺寸数据是否大于所述显示空间数据的步骤具体为：
判断所述图片高度数值与所述图片宽度数值的第一比值是否大于所述显示高度数值与所述显示宽度数值的第二比值。
3.根据权利要求2所述的移动终端的网页图片显示方法，其特征在于，如果所述第一比值大于所述第二比值，则所述尺寸数据大于所述显示空间数据。
4.根据权利要求2所述的移动终端的网页图片显示方法，其特征在于，如果所述第一比值小于所述第二比值，则所述尺寸数据小于所述显示空间数据。
CN201711260008.1A 2017-12-04 2017-12-04 一种移动终端的网页图片显示方法 Withdrawn CN108021662A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711260008.1A CN108021662A (zh) 2017-12-04 2017-12-04 一种移动终端的网页图片显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711260008.1A CN108021662A (zh) 2017-12-04 2017-12-04 一种移动终端的网页图片显示方法

Publications (1)

Publication Number Publication Date
CN108021662A true CN108021662A (zh) 2018-05-11

Family

ID=62078442

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711260008.1A Withdrawn CN108021662A (zh) 2017-12-04 2017-12-04 一种移动终端的网页图片显示方法

Country Status (1)

Country Link
CN (1) CN108021662A (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110929197A (zh) * 2019-11-27 2020-03-27 杭州安恒信息技术股份有限公司 一种网页图片的预览加载方法和装置
CN111290684A (zh) * 2019-12-09 2020-06-16 Oppo广东移动通信有限公司 图像显示方法、图像显示装置及终端设备
CN112417340A (zh) * 2020-12-07 2021-02-26 常州微亿智造科技有限公司 网页图片处理方法、计算机设备和存储介质
CN114489881A (zh) * 2021-12-14 2022-05-13 中国平安财产保险股份有限公司 一种图像处理方法、装置及介质

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110929197A (zh) * 2019-11-27 2020-03-27 杭州安恒信息技术股份有限公司 一种网页图片的预览加载方法和装置
CN111290684A (zh) * 2019-12-09 2020-06-16 Oppo广东移动通信有限公司 图像显示方法、图像显示装置及终端设备
CN111290684B (zh) * 2019-12-09 2021-06-01 Oppo广东移动通信有限公司 图像显示方法、图像显示装置及终端设备
CN112417340A (zh) * 2020-12-07 2021-02-26 常州微亿智造科技有限公司 网页图片处理方法、计算机设备和存储介质
CN114489881A (zh) * 2021-12-14 2022-05-13 中国平安财产保险股份有限公司 一种图像处理方法、装置及介质

Similar Documents

Publication Publication Date Title
US7810049B2 (en) System and method for web navigation using images
US9064028B2 (en) Custom rendering of webpages on mobile devices
US7581174B2 (en) Displaying a web page in a browser window and a method for handling a web page
EP2687997A1 (en) Method for rearranging web page
US9223895B2 (en) System and method for contextual commands in a search results page
CN108021662A (zh) 一种移动终端的网页图片显示方法
CN102209004B (zh) 网络传输速率测试方法
KR101193354B1 (ko) 정보 처리 장치, 단말 장치, 관심 콘텐츠 판정 방법, 프로그램이 기록된 기록 매체, 및 정보 제공 시스템
CN102364460B (zh) 基于移动终端的页面自动放大方法和系统
CN104035753A (zh) 一种双WebView展示定制页面的方法及系统
US20080172396A1 (en) Retrieving Dated Content From A Website
CN113190321A (zh) 一种用于应用程序页面上拉刷新的方法及设备
US20110197133A1 (en) Methods and apparatuses for identifying and monitoring information in electronic documents over a network
CN106936727A (zh) 一种网页显示方法及装置
CN104090869A (zh) 一种翻译网络信息的方法及翻译系统
CN104731817B (zh) 一种网页展现方法和装置
US20110125571A1 (en) Method and system for speed efficient and relevancy efficient advertising through a web enabled element
CN102341801A (zh) 请求计算机数据资产
CN107958063A (zh) 一种网页图片的显示方法
Artail et al. Device-aware desktop web page transformation for rendering on handhelds
WO2002006981A1 (en) Method of reformatting web page and method of providing web page using the same
US20140189478A1 (en) Web browsers for mobile and small screen devices
CN105069043A (zh) 一种web数据信息的分页读取方法及系统
CN103440340A (zh) 一种导航网页内容显示方法及装置
CN105512123B (zh) 用于创建网页特征图像和生成网页书签的方法和装置

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
WW01 Invention patent application withdrawn after publication
WW01 Invention patent application withdrawn after publication

Application publication date: 20180511