一种网页中的图片的适配方法和装置的制造方法_3

文档序号:9326979阅读:来源:国知局
下步骤:获取终端设备的显示参数,以及获取指定页面中的原图片的 图片参数;依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的 原图片处理为与终端设备的显示参数适配的图片。
[0074] 具体地,上述代码包获取单元220/340获取的所述代码包在执行时进一步具体执 行如下步骤:获取终端设备的HTML宽度,以及获取指定页面中的原图片的宽度值和字体大 小值;依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图片 字体大小值的比值相等的条件,获得终端设备侧字体大小值;设置终端设备侧表示高度的 单位值等于所获得的终端设备侧字体大小值;依据原图片中的指定元素在原图片中的宽度 比例,获得该指定元素在终端设备上显示时的宽度值,以及根据终端设备侧表示高度的单 位值确定该指定元素在终端设备上显示的高度值。
[0075] 需要说明的是,图2-图3所示装置的各实施例与图1所示方法的各实施例对应相 同,上文中已详细说明,在此不再赘述。
[0076] 综上所述,本发明提供的技术方案响应于终端设备对网页的请求,将用于将网页 中的原图片与终端设备的显示参数进行适配处理的代码包返回给终端设备,由终端设备上 的浏览器通过执行该代码包对网页中的原图片进行适配处理,然后再渲染加载处理后的网 页,使得终端设备上的浏览器在加载网页时,网页中的图片在保证图片信息完整不失真的 前提下适配于当前终端设备而显示,符合用户的浏览需求,大幅提升用户体验,对于实现无 阻碍跨平台跨设备浏览网页具有重要的意义。
[0077] 需要说明的是:
[0078] 在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。 各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求 的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种 编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发 明的最佳实施方式。
[0079] 在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施 例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构 和技术,以便不模糊对本说明书的理解。
[0080] 类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在 上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施 例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保 护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面 的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此, 遵循【具体实施方式】的权利要求书由此明确地并入该【具体实施方式】,其中每个权利要求本身 都作为本发明的单独实施例。
[0081 ] 本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地 改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单 元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或 子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任 何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开 的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴 随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代 特征来代替。
[0082] 此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例 中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的 范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任 意之一都可以以任意的组合方式来使用。
[0083] 本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行 的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用 微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页中的图片的适配装 置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述 的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这 样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的 形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他 形式提供。
[0084] 应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领 域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中, 不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词"包含"不排除存在 未列在权利要求中的元件或步骤。位于元件之前的单词"一"或"一个"不排除存在多个这 样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来 实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件 项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为 名称。
[0085] 本发明公开了 AU-种网页中的图片的适配方法,其中,该方法包括:
[0086] 接收终端设备上的浏览器发送的获取指定网页的请求;
[0087] 获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代 码包;
[0088] 将所述代码包返回给所述终端设备上的浏览器;这使得所述终端设备上浏览器执 行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理,并渲染加 载包含经所述代码包处理后的图片的指定网页。
[0089] A2、如Al所述的方法,其中,该方法进一步包括:
[0090] 生成用于获取终端的显示参数,以及将网页中的原图片与终端设备的显示参数进 行适配处理得到处理后的图片的处理代码,并保存该处理代码;
[0091] 获取并保存各个网页中的原图的图片参数。
[0092] A3、如A2所述的方法,其中,获取用于将指定网页中的原图片与所述终端设备的 显示参数进行适配处理的代码包包括:
[0093] 将所述处理代码,以及所述指定网页中的原图片的图片参数打包为一个代码包。
[0094] A4、如A2所述的方法,其中,获取用于将指定网页中的原图片与所述终端设备的 显示参数进行适配处理的代码包包括:
[0095] 将所述处理代码,以及所述指定网页所属网站的包括所述指定网页在内的所有或 部分网页中的原图片的图片参数打包为一个代码包。
[0096] A5、如A1-A5中任一项所述的方法,其中,所述代码包在执行时执行如下步骤:
[0097] 获取终端设备的显示参数,以及获取指定页面中的原图片的图片参数;
[0098] 依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的原 图片处理为与终端设备的显示参数适配的图片。
[0099] A6、如A5所述的方法,其中,
[0100] 获取终端设备的显示参数,以及获取指定页面中的原图片的图片参数包括:获取 终端设备的HTML宽度,以及获取指定页面中的原图片的宽度值
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1