CN107958063A - 一种网页图片的显示方法 - Google Patents

一种网页图片的显示方法 Download PDF

Info

Publication number
CN107958063A
CN107958063A CN201711260052.2A CN201711260052A CN107958063A CN 107958063 A CN107958063 A CN 107958063A CN 201711260052 A CN201711260052 A CN 201711260052A CN 107958063 A CN107958063 A CN 107958063A
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
CN201711260052.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.)
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 CN201711260052.2A priority Critical patent/CN107958063A/zh
Publication of CN107958063A publication Critical patent/CN107958063A/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)
  • User Interface Of Digital Computer (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：如果尺寸数据小于显示空间数据，则在网页显示页面中显示目标网页。
其中，如果第一比值小于第二比值，则尺寸数据小于显示空间数据。由于图片本身小于显示空间数据，则无需对图片进行任何处理即可显示在网页显示页面，图片的细节也大致得到保留，几乎不会影响用户查看。
通过上述方式，本发明实施例的网页图片的显示方法在进行网页元素显示时，获取目标网页的网页元素标签，并查找网页元素标签中的图片标签，进而获取图片的尺寸数据，在获取到目标网页的浏览指令时，判断尺寸数据是否大于显示空间数据，如果大于显示空间数据，则新建图片显示页面，在图片显示页面中等比例缩小图片进行显示，用户可以在图片显示页面中诸葛查看网页，无需再单独点击每一张图片进行查看，从而能够方便用户查看网页中的图片。
以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (4)

1.一种网页图片的显示方法，其特征在于，包括：
获取目标网页的网页元素标签；
查找获取的所述网页元素标签中的图片标签；
获取查找的所述图片标签所指向的图片的尺寸数据；
获取浏览器的网页显示页面中设定的网页的显示空间数据；
在获取到所述目标网页的浏览指令时，判断所述尺寸数据是否大于所述显示空间数据；
如果所述尺寸数据大于所述显示空间数据，则新建图片显示页面，将所述图片标签所指向的图片等比例缩小至不大于所述显示空间数据后，仅将所述图片加载至所述图片显示页面进行显示；
如果所述尺寸数据小于所述显示空间数据，则在所述网页显示页面中显示所述目标网页。
2.根据权利要求1所述的网页图片的显示方法，其特征在于，所述图片的尺寸数据包括图片高度数值和图片宽度数值，所述显示空间数据包括显示高度数值和显示宽度数值；
所述判断所述尺寸数据是否大于所述显示空间数据的步骤具体为：
判断所述图片高度数值与所述图片宽度数值的第一比值是否大于所述显示高度数值与所述显示宽度数值的第二比值。
3.根据权利要求2所述的网页图片的显示方法，其特征在于，如果所述第一比值大于所述第二比值，则所述尺寸数据大于所述显示空间数据。
4.根据权利要求2所述的网页图片的显示方法，其特征在于，如果所述第一比值小于所述第二比值，则所述尺寸数据小于所述显示空间数据。
CN201711260052.2A 2017-12-04 2017-12-04 一种网页图片的显示方法 Withdrawn CN107958063A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711260052.2A CN107958063A (zh) 2017-12-04 2017-12-04 一种网页图片的显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711260052.2A CN107958063A (zh) 2017-12-04 2017-12-04 一种网页图片的显示方法

Publications (1)

Publication Number Publication Date
CN107958063A true CN107958063A (zh) 2018-04-24

Family

ID=61962929

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711260052.2A Withdrawn CN107958063A (zh) 2017-12-04 2017-12-04 一种网页图片的显示方法

Country Status (1)

Country Link
CN (1) CN107958063A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240557A (zh) * 2020-01-13 2020-06-05 口碑(上海)信息技术有限公司 页面显示方法、装置以及设备
CN112417340A (zh) * 2020-12-07 2021-02-26 常州微亿智造科技有限公司 网页图片处理方法、计算机设备和存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111240557A (zh) * 2020-01-13 2020-06-05 口碑(上海)信息技术有限公司 页面显示方法、装置以及设备
CN112417340A (zh) * 2020-12-07 2021-02-26 常州微亿智造科技有限公司 网页图片处理方法、计算机设备和存储介质

Similar Documents

Publication Publication Date Title
US9529780B2 (en) Displaying content on a mobile device
US9703883B2 (en) Social bookmarking of resources exposed in web pages
CN103412890B (zh) 一种网页加载方法和装置
US9223895B2 (en) System and method for contextual commands in a search results page
CN104239298B (zh) 文本信息推荐方法、服务器、浏览器及系统
EP2357572A1 (en) Processing method and apparatus of page resources
CN108021662A (zh) 一种移动终端的网页图片显示方法
US20110209046A1 (en) Optimizing web content display on an electronic mobile reader
CN102298599A (zh) 离线浏览网页方法及其系统
CN105528369B (zh) 网页转码方法、装置以及服务器
US20090089245A1 (en) System and method for contextual commands in a search results page
US20110197133A1 (en) Methods and apparatuses for identifying and monitoring information in electronic documents over a network
CN104731817B (zh) 一种网页展现方法和装置
CN106936727A (zh) 一种网页显示方法及装置
CN107958063A (zh) 一种网页图片的显示方法
US20110125571A1 (en) Method and system for speed efficient and relevancy efficient advertising through a web enabled element
JP6147629B2 (ja) ページコンテンツについて注目箇所を直ぐに表示するページサイトサーバ、プログラム及び方法
KR100869885B1 (ko) 모바일 단말기의 웹 페이지를 브라우징하는 무선인터넷서비스 시스템 및 그 방법
US9398105B2 (en) Method for providing a third party service associated with a network-accessible site using a single scripting approach
CN103440340A (zh) 一种导航网页内容显示方法及装置
US9648381B2 (en) Method and system for managing display of web-based content on portable communication devices
JP2008071116A (ja) 情報配信システム、情報配信装置、情報配信方法および情報配信用プログラム
US20060015578A1 (en) Retrieving dated content from a website
JP4921570B2 (ja) ブログサービス提供システム、方法及びプログラム
JP5300648B2 (ja) 推薦情報提供装置、ユーザ端末、操作推薦方法、及びプログラム

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: 20180424