CN104199920A - 网页式应用的显示适配方法及装置 - Google Patents

网页式应用的显示适配方法及装置 Download PDF

Info

Publication number
CN104199920A
CN104199920A CN201410438902.3A CN201410438902A CN104199920A CN 104199920 A CN104199920 A CN 104199920A CN 201410438902 A CN201410438902 A CN 201410438902A CN 104199920 A CN104199920 A CN 104199920A
Authority
CN
China
Prior art keywords
virtual window
picture
width
mobile terminal
consistent
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
Application number
CN201410438902.3A
Other languages
English (en)
Other versions
CN104199920B (zh
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.)
Guangzhou Dipai Information Technology Co.,Ltd.
Original Assignee
Shenzhen Yun Lai Network Technology 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 Shenzhen Yun Lai Network Technology Co Ltd filed Critical Shenzhen Yun Lai Network Technology Co Ltd
Priority to CN201410438902.3A priority Critical patent/CN104199920B/zh
Publication of CN104199920A publication Critical patent/CN104199920A/zh
Application granted granted Critical
Publication of CN104199920B publication Critical patent/CN104199920B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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

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

本发明公开了一种网页式应用的显示适配方法及装置，该方法包括以下步骤：在移动终端上创设用于显示Web页面的虚拟窗口，并将虚拟窗口的宽度分辨率设置为固定值；加载图片，设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，并等比例缩放至图片的宽度与虚拟窗口的宽度一致；将图片设置成背景在虚拟窗口中显示。该方法通过在移动终端中创设宽度分辨率为固定值的虚拟窗口，以显示Web页面，保证移动终端的网页式应用中Web页面显示一致，不会出现页面变形现象；加载图片设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，宽度与虚拟窗口的宽度一致，再将图片设置成背景显示，从而保证图片显示过程不会变形失真，影响用户体验。

Description

网页式应用的显示适配方法及装置
技术领域
本发明涉及移动终端屏幕适配领域，尤其涉及一种网页式应用的显示适配方法及装置。
背景技术
轻应用是一种无需下载、即搜即用的全功能App，既有Native App的用户体验，又具有Web App的可检索与智能开发的特性，将有效解决优质应用和服务与移动用户需求对接的问题。由于轻应用所具有的特性，使其自诞生以来，受到广大用户的一致好评，促使越来越多基于轻应用的APP的产生，尤其是在移动终端上的应用。
现有应用于移动终端的轻应用，如LiveApp中，其Web页面及图片显示过程中，由于移动终端的屏幕分辨率不同，Web页面及图片中移动终端显示过程中，容易出现Web页面及图片变形和失真的现象，给用户带来不良的用户体验。
发明内容
本发明要解决的技术问题在于，针对现有技术的缺陷，提供一种网页式应用的显示适配方法及装置。
本发明解决其技术问题所采用的技术方案是：一种网页式应用的显示适配方法，包括以下步骤：
S1：在移动终端上创设用于显示Web页面的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值；
S2：加载图片，设置所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，并等比例缩放至所述图片的宽度与所述虚拟窗口的宽度一致；
S3：将所述图片设置成背景在所述虚拟窗口中显示。
优选地，所述步骤S1包括以下步骤：根据移动终端所使用的操作***的不同，通过HTML5的API接口在所述移动终端中设置兼容不同操作***的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值。
优选地，所述步骤S1包括以下步骤：
S11：通过HTML5的API接口判断所述移动终端的操作***是否为ANDROID***；若是，则执行步骤S12；若否，则执行步骤S13；
S12：再判断是否为ANDROID2.3以上***，若是，则将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，最大缩放和最小缩放设置为所述移动终端的屏幕尺寸，屏幕像素密度设置为所述移动终端屏幕像素密度；若否；则将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，屏幕像素密度设置为所述移动终端屏幕像素密度；
S13：将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，禁止用户手动调整缩放，屏幕像素密度设置为所述移动终端屏幕像素密度。
优选地，所述步骤S2包括：判断所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率是否一致，若一致，则直接将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致；若不一致，则调整所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，再将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致。
优选地，所述步骤S3包括：通过HTML5的API接口将所述图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断所述图片的高度是否大于虚拟窗口的高度；若是，则将所述图片在所述虚拟窗口中局部显示；若否，则将所述图片在虚拟窗口中直接显示。
优选地，所述“将所述图片在所述虚拟窗口中局部显示”包括：将所述图片放置在所述虚拟窗口的左上角、右上角、左下角或右下角，显示所述图片在所述虚拟窗口以内的部分。
本发明还提供一种网页式应用的显示适配装置，包括：
窗口设置单元：用于在移动终端上创设用于显示Web页面的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值；
图片加载单元：用于加载图片，设置所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，并等比例缩放至所述图片的宽度与所述虚拟窗口的宽度一致；
显示适配单元：用于将所述图片设置成背景在所述虚拟窗口中显示。
优选地，所述窗口设置单元包括：根据移动终端所使用的操作***的不同，通过HTML5的API接口在所述移动终端中设置兼容不同操作***的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值。
优选地，所述图片加载单元包括：判断所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率是否一致，若一致，则直接将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致；若不一致，则调整所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，再将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致。
优选地，所述显示适配单元包括：通过HTML5的API接口将所述图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断所述图片的高度是否大于虚拟窗口的高度；若是，则将所述图片在所述虚拟窗口中局部显示；若否，则将所述图片在虚拟窗口中直接显示。
本发明与现有技术相比具有如下优点：本发明所提供的网页式应用的显示适配方法及装置，通过在移动终端中创设宽度分辨率为固定值的虚拟窗口，以显示Web页面，保证移动终端的网页式应用中Web页面显示一致，不会出现页面变形现象；加载图片设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，宽度与虚拟窗口的宽度一致，再将图片设置成背景显示，从而保证图片显示过程不会变形失真，影响用户体验。
附图说明
下面将结合附图及实施例对本发明作进一步说明，附图中：
图1是本发明一实施例中网页式应用的显示适配方法的流程图。
图2是本发明一实施例中网页式应用的显示适配装置的原理框图。
图中：10、窗口设置单元；20、图片加载单元；30、显示适配单元。
具体实施方式
为了对本发明的技术特征、目的和效果有更加清楚的理解，现对照附图详细说明本发明的具体实施方式。
图1示出本发明一实施例中网页式应用的显示适配方法。该方法包括以下步骤：
S1：在移动终端上创设用于显示Web页面的虚拟窗口，并将虚拟窗口的宽度分辨率设置为固定值。具体地，根据移动终端所使用的操作***的不同，通过HTML5的API接口在移动终端中设置兼容不同操作***的虚拟窗口，并将虚拟窗口的宽度分辨率设置为固定值，保证移动终端的网页式应用中Web页面显示一致性，避免出现页面变形现象。可以理解地，该网页式应用是应用在移动终端上的无需下载、即搜即用的网页式APP，如LiveApp的应用。
可以理解地，采用HTML5的API接口在移动终端中创设兼容不同操作***的虚拟窗口，其兼容性强，可适用于包括且不限于智能手机、平板电脑、PAD等移动终端。具体地，可通过以下代码解决移动终端的兼容性问题，避免因PC机与移动终端的分辨率不同，导致在移动终端中的网页式应用中的页面出现拉长或缩短等变形现象。
<script type＝"text/javascript">；
var phoneWidth＝parseInt(window.screen.width)；
var phoneScale＝phoneWidth/640。
可以理解地，上述用以保证移动终端兼容性问题的代码采用java语言，主要应用于ANDROID***的兼容性问题，对于IOS***、Symbian***、Windowsphone7***需采用其相应的开发语言编写的程序代码。
S11：通过HTML5的API接口判断移动终端的操作***是否为ANDROID***；若是，则执行步骤S12；若否，则执行步骤S13。具体地，步骤S11可通过代码if(/Android(\d+\.\d+)/.text(navigator.userAgent)进行判断。
S12：在移动终端的操作***为ANDROID***的前提下，再判断是否为ANDROID2.3以上***，若是，则将移动终端中创设的虚拟窗口的宽度分辨率设置为固定值，以避免虚拟窗口中显示的Web页面变形；虚拟窗口最大缩放和最小缩放设置为移动终端的屏幕尺寸，使得虚拟窗口的大小可等比例缩放至与移动终端的屏幕尺寸一致，从而使不同屏幕尺寸的移动终端中显示的Web页面上的内容一致，避免因屏幕尺寸的大小不同导致显示的Web页面的内容不一致的现象发生；虚拟窗口的屏幕像素密度设置为移动终端的屏幕像素密度，从而避免虚拟窗口中显示的Web页面因不同屏幕尺寸的移动终端的屏幕像素不同而自动缩放，从而导致Web页面显示失真。可以理解地，在ANDROID2.3以上***时，所创设的虚拟窗口的宽度分辨率为固定值，而大小可随移动终端的实际屏幕尺寸自行调节，虚拟窗口中显示的Web页面会根据当前移动终端的屏幕像素密度进行显示，以保证不同移动终端中显示的Web页面的一致性，提高用户使用体验。具体地，可通过以下代码实现上述功能：
if(version>2.3){document.write('<meta name＝"viewport"content＝"width＝640,minimum‐scale＝'+phoneScale+',maximum‐scale＝'+phoneScale+',target‐densitydpi＝device‐dpi">')；}。
在ANDROID2.3以下***时，将移动终端中创设的虚拟窗口的宽度分辨率设置为固定值，以避免虚拟窗口中显示的Web页面变形；屏幕像素密度设置为移动终端屏幕像素密度，以避免虚拟窗口中显示的Web页面失真。具体地，查通过以下代码实现上述功能：
document.write('<meta name＝"viewport"content＝"width＝640,target‐densitydpi＝device‐dpi">')。
S13：在非ANDROID***时，将移动终端中创设的虚拟窗口的宽度分辨率设置为固定值，以避免虚拟窗口中显示的Web页面变形；禁止用户手动调整缩放，屏幕像素密度设置为移动终端屏幕像素密度，以避免虚拟窗口中显示的Web页面失真。具体地，可通过以下代码实现上述功能：
document.write('<meta name＝"viewport"content＝"width＝640,user‐scalable＝no,target‐densitydpi＝device‐dpi">')。
S2：加载图片，设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，从而保证图片在虚拟窗口中显示时，由于分辨率与虚拟窗口的分辨率不一致，而导致图片显示失真；并在图片宽度分辨率与虚拟窗口的宽度分辨率一致的前提下，并等比例缩放至图片的宽度与虚拟窗口的宽度一致，以在虚拟窗口中全屏显示图片。
具体地，步骤S2包括：判断图片的宽度分辨率与虚拟窗口的宽度分辨率是否一致，若一致，则直接将图片等比例缩放至图片的宽度与虚拟窗口的宽度一致；若不一致，则调整图片的宽度分辨率与虚拟窗口的宽度分辨率一致，再将图片等比例缩放至图片的宽度与虚拟窗口的宽度一致。可以理解地，为保证图片在虚拟窗口中显示不会发生变形和失真，在网页式应用的开发过程中，需设有用于检测图片的宽度分辨率和虚拟窗口的宽度分辨率并进行比较、用于调整图片宽度分辨率和控制图片等比例缩放至与虚拟窗口的大小一致的程序。
S3：将图片设置成背景在虚拟窗口中显示。可以理解地，将图片设置成背景并显示，有利于提高在虚拟窗口中显示图片的速率，在网页式应用过程中，设置成背景的图片不容易发生变形。具体地，通过HTML5的API接口将图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断图片的高度是否大于虚拟窗口的高度；若是，则将图片在虚拟窗口中局部显示，即将图片放置在虚拟窗口的左上角、右上角、左下角或右下角，显示图片在虚拟窗口以内的部分；若否，则将图片在虚拟窗口中直接显示。可以理解地，由于图片的宽度分辨率与虚拟窗口的宽度分辨率，且将图片等比例缩放至图片宽度与虚拟窗口的宽度一致，故在将图片在虚拟窗口中局部显示时，图片的宽度与虚拟窗口的宽度始终保证一致，在不同屏幕尺寸的移动终端中显示时，只可能存在图片的上部和/或下部无法显示的可能性，因此将图片放置在虚拟窗口的左上角与右上角的效果一致，用于显示图片的上部；将图片放置在虚拟窗口的左下角与右下角的效果一致，用于显示图片的下部。
可以理解地，本发明还可将虚拟窗口的高度分辨率设置成固定值，并将上述实施例中的宽度与高度相对替换，也可实现本发明的目的。
综上，该网页式应用的显示适配方法，通过在移动终端中创设宽度分辨率为固定值的虚拟窗口，以显示Web页面，保证移动终端的网页式应用中Web页面显示一致，不会出现页面变形现象；加载图片设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，宽度与虚拟窗口的宽度一致，再将图片设置成背景显示，从而保证图片显示过程不会变形失真，影响用户体验。
图2示出本发明一实施例中网页式应用的显示适配装置的原理框图。该网页式应用的显示适配装置包括：
窗口设置单元10：用于在移动终端上创设用于显示Web页面的虚拟窗口，并将虚拟窗口的宽度分辨率设置为固定值。具体地，窗口设置单元10可根据移动终端所使用的操作***的不同，通过HTML5的API接口在移动终端中设置兼容不同操作***的虚拟窗口，并将虚拟窗口的宽度分辨率设置为固定值，保证移动终端的网页式应用中Web页面显示一致性，避免出现页面变形现象。可以理解地，采用HTML5的API接口在移动终端中创设兼容不同操作***的虚拟窗口，其兼容性强，可适用于包括且不限于智能手机、平板电脑、PAD等移动终端。
图片加载单元20：用于加载图片，设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，并等比例缩放至图片的宽度与所述虚拟窗口的宽度一致。具体地，图片加载单元20可判断图片的宽度分辨率与虚拟窗口的宽度分辨率是否一致，若一致，则直接将图片等比例缩放至图片的宽度与虚拟窗口的宽度一致；若不一致，则调整图片的宽度分辨率与虚拟窗口的宽度分辨率一致，再将图片等比例缩放至图片的宽度与虚拟窗口的宽度一致。可以理解地，为保证图片在虚拟窗口中显示不会发生变形和失真，在网页式应用的开发过程中，需设有用于检测图片的宽度分辨率和虚拟窗口的宽度分辨率并进行比较、用于调整图片宽度分辨率和控制图片等比例缩放至与虚拟窗口的大小一致的程序。
显示适配单元30：用于将图片设置成背景在虚拟窗口中显示。可以理解地，将图片设置成背景并显示，有利于提高在虚拟窗口中显示图片的速率，在网页式应用过程中，设置成背景的图片不容易发生变形。具体地，通过HTML5的API接口将图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断图片的高度是否大于虚拟窗口的高度；若是，则将图片在虚拟窗口中局部显示。具体地，可将图片放置在虚拟窗口的左上角、右上角、左下角或右下角，在图片高度大于虚拟窗口高度时，只显示图片在虚拟窗口以内的部分。
该网页式应用的显示适配装置，通过在移动终端中创设宽度分辨率为固定值的虚拟窗口，以显示Web页面，保证移动终端的网页式应用中Web页面显示一致，不会出现页面变形现象；加载图片设置图片的宽度分辨率与虚拟窗口的宽度分辨率一致，宽度与虚拟窗口的宽度一致，再将图片设置成背景显示，从而保证图片显示过程不会变形失真，影响用户体验。
本发明是通过一个具体实施例进行说明的，本领域技术人员应当明白，在不脱离本发明范围的情况下，还可以对本发明进行各种变换和等同替代。另外，针对特定情形或具体情况，可以对本发明做各种修改，而不脱离本发明的范围。因此，本发明不局限于所公开的具体实施例，而应当包括落入本发明权利要求范围内的全部实施方式。

Claims (10)

1.一种网页式应用的显示适配方法，其特征在于：包括以下步骤：
S1：在移动终端上创设用于显示Web页面的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值；
S2：加载图片，设置所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，并等比例缩放至所述图片的宽度与所述虚拟窗口的宽度一致；
S3：将所述图片设置成背景在所述虚拟窗口中显示。
2.根据权利要求1所述的网页式应用的显示适配方法，其特征在于：所述步骤S1包括以下步骤：根据移动终端所使用的操作***的不同，通过HTML5的API接口在所述移动终端中设置兼容不同操作***的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值。
3.根据权利要求2所述的网页式应用的显示适配方法，其特征在于：所述步骤S1包括以下步骤：
S11：通过HTML5的API接口判断所述移动终端的操作***是否为ANDROID***；若是，则执行步骤S12；若否，则执行步骤S13；
S12：再判断是否为ANDROID2.3以上***，若是，则将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，最大缩放和最小缩放设置为所述移动终端的屏幕尺寸，屏幕像素密度设置为所述移动终端屏幕像素密度；若否；则将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，屏幕像素密度设置为所述移动终端屏幕像素密度；
S13：将所述移动终端中创设的所述虚拟窗口的宽度分辨率设置为固定值，禁止用户手动调整缩放，屏幕像素密度设置为所述移动终端屏幕像素密度。
4.根据权利要求3所述的网页式应用的显示适配方法，其特征在于：所述步骤S2包括：判断所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率是否一致，若一致，则直接将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致；若不一致，则调整所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，再将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致。
5.根据权利要求4所述的网页式应用的显示适配方法，其特征在于：所述步骤S3包括：通过HTML5的API接口将所述图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断所述图片的高度是否大于虚拟窗口的高度；若是，则将所述图片在所述虚拟窗口中局部显示；若否，则将所述图片在虚拟窗口中直接显示。
6.根据权利要求5所述的网页式应用的显示适配方法，其特征在于：所述“将所述图片在所述虚拟窗口中局部显示”包括：将所述图片放置在所述虚拟窗口的左上角、右上角、左下角或右下角，显示所述图片在所述虚拟窗口以内的部分。
7.一种网页式应用的显示适配装置，其特征在于：包括：
窗口设置单元（10）：用于在移动终端上创设用于显示Web页面的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值；
图片加载单元（20）：用于加载图片，设置所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，并等比例缩放至所述图片的宽度与所述虚拟窗口的宽度一致；
显示适配单元（30）：用于将所述图片设置成背景在所述虚拟窗口中显示。
8.根据权利要求7所述的网页式应用的显示适配装置，其特征在于：所述窗口设置单元（10）包括：根据移动终端所使用的操作***的不同，通过HTML5的API接口在所述移动终端中设置兼容不同操作***的虚拟窗口，并将所述虚拟窗口的宽度分辨率设置为固定值。
9.根据权利要求7所述的网页式应用的显示适配装置，其特征在于：所述图片加载单元（20）包括：判断所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率是否一致，若一致，则直接将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致；若不一致，则调整所述图片的宽度分辨率与所述虚拟窗口的宽度分辨率一致，再将所述图片等比例缩放至图片的宽度与所述虚拟窗口的宽度一致。
10.根据权利要求7所述的网页式应用的显示适配装置，其特征在于：所述显示适配单元（30）包括：通过HTML5的API接口将所述图片的属性设置为在显示过程中设置成背景且仅显示一次，并判断所述图片的高度是否大于虚拟窗口的高度；若是，则将所述图片在所述虚拟窗口中局部显示；若否，则将所述图片在虚拟窗口中直接显示。
CN201410438902.3A 2014-08-30 2014-08-30 网页式应用的显示适配方法及装置 Active CN104199920B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410438902.3A CN104199920B (zh) 2014-08-30 2014-08-30 网页式应用的显示适配方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410438902.3A CN104199920B (zh) 2014-08-30 2014-08-30 网页式应用的显示适配方法及装置

Publications (2)

Publication Number Publication Date
CN104199920A true CN104199920A (zh) 2014-12-10
CN104199920B CN104199920B (zh) 2017-10-20

Family

ID=52085213

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410438902.3A Active CN104199920B (zh) 2014-08-30 2014-08-30 网页式应用的显示适配方法及装置

Country Status (1)

Country Link
CN (1) CN104199920B (zh)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105183308A (zh) * 2015-07-27 2015-12-23 努比亚技术有限公司 图片显示方法及装置
CN105306734A (zh) * 2015-11-13 2016-02-03 深圳正品创想科技有限公司 基于手机app界面的图片显示方法
CN105302864A (zh) * 2015-09-22 2016-02-03 努比亚技术有限公司 根据屏幕分辨率加载图片的装置和方法
CN105868235A (zh) * 2015-12-08 2016-08-17 乐视移动智能信息技术（北京）有限公司 智能终端的图片预览方法及装置
WO2016168983A1 (en) * 2015-04-21 2016-10-27 Guangzhou Ucweb Computer Technology Co., Ltd. Method and electronic device for displaying web page
CN106201378A (zh) * 2016-07-08 2016-12-07 广州睿本信息科技有限公司 移动智能设备套打方法及其装置
CN107688636A (zh) * 2017-08-22 2018-02-13 广州市百果园信息技术有限公司 一种页面适配方法和装置
CN107797801A (zh) * 2017-10-20 2018-03-13 江苏电力信息技术有限公司 一种基于多种移动终端界面的适配方法
CN108196755A (zh) * 2018-01-30 2018-06-22 腾讯科技（深圳）有限公司 背景图片显示方法及装置
CN108304241A (zh) * 2018-01-31 2018-07-20 广州酷狗计算机科技有限公司 一种显示对话框的方法和装置
CN111857502A (zh) * 2020-07-14 2020-10-30 海信视像科技股份有限公司 一种图像显示方法及显示设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101065727A (zh) * 2004-09-30 2007-10-31 茨特里克斯***公司 虚拟化窗口信息的方法和设备
CN101071375A (zh) * 2007-05-22 2007-11-14 腾讯科技（深圳）有限公司 一种界面开发***及组合控件的方法
US20120173980A1 (en) * 2006-06-22 2012-07-05 Dachs Eric B System And Method For Web Based Collaboration Using Digital Media
CN103473082A (zh) * 2012-06-08 2013-12-25 腾讯科技（深圳）有限公司 一种启动WebApp的方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101065727A (zh) * 2004-09-30 2007-10-31 茨特里克斯***公司 虚拟化窗口信息的方法和设备
US20120173980A1 (en) * 2006-06-22 2012-07-05 Dachs Eric B System And Method For Web Based Collaboration Using Digital Media
CN101071375A (zh) * 2007-05-22 2007-11-14 腾讯科技（深圳）有限公司 一种界面开发***及组合控件的方法
CN103473082A (zh) * 2012-06-08 2013-12-25 腾讯科技（深圳）有限公司 一种启动WebApp的方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
PZHTPF: "HTML中使背景图片自适应浏览器大小", 《CSDN博客HTTP://BLOG.CSDN.NET/PZHTPF/ARTICLE/DETAILS/7345363》 *

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016168983A1 (en) * 2015-04-21 2016-10-27 Guangzhou Ucweb Computer Technology Co., Ltd. Method and electronic device for displaying web page
CN105183308A (zh) * 2015-07-27 2015-12-23 努比亚技术有限公司 图片显示方法及装置
CN105302864A (zh) * 2015-09-22 2016-02-03 努比亚技术有限公司 根据屏幕分辨率加载图片的装置和方法
CN105306734B (zh) * 2015-11-13 2019-04-02 深圳正品创想科技有限公司 基于手机app界面的图片显示方法
CN105306734A (zh) * 2015-11-13 2016-02-03 深圳正品创想科技有限公司 基于手机app界面的图片显示方法
CN105868235A (zh) * 2015-12-08 2016-08-17 乐视移动智能信息技术（北京）有限公司 智能终端的图片预览方法及装置
WO2017096854A1 (zh) * 2015-12-08 2017-06-15 乐视控股（北京）有限公司 智能终端的图片预览方法及装置
CN106201378A (zh) * 2016-07-08 2016-12-07 广州睿本信息科技有限公司 移动智能设备套打方法及其装置
CN107688636B (zh) * 2017-08-22 2020-06-09 广州市百果园信息技术有限公司 一种页面适配方法和装置
CN107688636A (zh) * 2017-08-22 2018-02-13 广州市百果园信息技术有限公司 一种页面适配方法和装置
CN107797801A (zh) * 2017-10-20 2018-03-13 江苏电力信息技术有限公司 一种基于多种移动终端界面的适配方法
CN108196755A (zh) * 2018-01-30 2018-06-22 腾讯科技（深圳）有限公司 背景图片显示方法及装置
CN108196755B (zh) * 2018-01-30 2021-02-12 腾讯科技（深圳）有限公司 背景图片显示方法及装置
CN108304241A (zh) * 2018-01-31 2018-07-20 广州酷狗计算机科技有限公司 一种显示对话框的方法和装置
CN111857502A (zh) * 2020-07-14 2020-10-30 海信视像科技股份有限公司 一种图像显示方法及显示设备
CN111857502B (zh) * 2020-07-14 2024-05-17 海信视像科技股份有限公司 一种图像显示方法及显示设备

Also Published As

Publication number Publication date
CN104199920B (zh) 2017-10-20

Similar Documents

Publication Publication Date Title
CN104199920A (zh) 网页式应用的显示适配方法及装置
CN107885848B (zh) 基于web技术的网页截屏方法
JP6884797B2 (ja) アプリケーションプログラム処理方法及び端末デバイス
US8463075B2 (en) Dynamically resizing text area on a display device
CN103544207B (zh) 一种图片加载显示的方法与***
CN109101233B (zh) 适配多种屏幕分辨率的方法、存储设备及安卓设备
KR101914478B1 (ko) 이미지 제공 시스템, 이를 위한 장치 및 이미지 제공 방법
US20150278174A1 (en) Method and apparatus for playing multimedia in browser
CN105786513A (zh) 基于Html5的混合移动应用开发方法
WO2016045523A1 (zh) 一种移动终端界面内容的显示方法、装置及终端
US20160063672A1 (en) Electronic device and method for generating thumbnail picture
US20150088669A1 (en) Apparatus and method for providing responsive user interface and electronic device-readable recording medium therefor
KR101638725B1 (ko) 애플리케이션의 문자를 조절하는 방법, 장치, 단말기, 프로그램 및 기록매체
CN107301182B (zh) 一种展示内嵌图片的网页的方法和装置
US20150326933A1 (en) Video reproduction apparatus, control method thereof, and computer-readable storage medium storing program
CN105868420A (zh) 一种网络资源加载方式配置方法及装置
CN105511712A (zh) 一种图片呈现方法及装置
JP2008123511A (ja) 携帯用端末機のイメージ出力装置及び方法
JP5789719B2 (ja) 電子文書の表示モードを確定するための方法と装置
CN110989897B (zh) 截屏图片的获取方法、装置、终端设备及存储介质
US20140325451A1 (en) Icon change method and apparatus
CN110673775A (zh) 图片展示方法、装置和终端
CN105718228A (zh) 动态内容显示的方法和装置
CN106919375B (zh) 一种移动终端设备上的屏幕自适应方法及***
JP5376685B2 (ja) コンテンツデータ表示装置、コンテンツデータ表示方法及びプログラム

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
EE01 Entry into force of recordation of patent licensing contract
EE01 Entry into force of recordation of patent licensing contract

Application publication date: 20141210

Assignee: Shenzhen rabbit exhibition Intelligent Technology Co., Ltd

Assignor: Shenzhen Yun Lai network technology company limited

Contract record no.: X2020980000017

Denomination of invention: Adaptation method and device for display of web application

Granted publication date: 20171020

License type: Common License

Record date: 20200106

TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20210804

Address after: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Zhuhai City, Guangdong Province (office only)

Patentee after: Guangzhou Dipai Information Technology Co.,Ltd.

Address before: 518000 room 906, international student entrepreneurship building, South District, high tech Zone, Nanshan District, Shenzhen, Guangdong Province

Patentee before: SHENZHEN YUNLAI NETWORK TECHNOLOGY Co.,Ltd.

CP02 Change in the address of a patent holder
CP02 Change in the address of a patent holder

Address after: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Guangzhou City, Guangdong Province (office only)

Patentee after: Guangzhou Dipai Information Technology Co.,Ltd.

Address before: 510000 102 (self compiled No. 45), No. 882-23, South Industrial Avenue, Haizhu District, Zhuhai City, Guangdong Province (office only)

Patentee before: Guangzhou Dipai Information Technology Co.,Ltd.