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

文档序号:9326979阅读:来源:国知局
和字体大小值;
[0101] 依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的原 图片处理为与终端设备的显示参数适配的图片包括:依据终端设备的HTML宽度与原图片 宽度的比值与终端设备侧字体大小值与原图片字体大小值的比值相等的条件,获得终端设 备侧字体大小值;
[0102] 设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值;
[0103] 依据原图片中的指定元素在原图片中的宽度比例,获得该指定元素在终端设备上 显示时的宽度值,以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显 示的高度值。
[0104] 本发明还公开了 B7、一种网页中的图片的适配装置,其中,该装置包括:
[0105] 接收单元,适于接收终端设备上的浏览器发送的获取指定网页的请求;
[0106] 代码包获取单元,适于获取用于将指定网页中的原图片与所述终端设备的显示参 数进行适配处理的代码包;
[0107] 返回单元,适于将所述代码包返回给所述终端设备上的浏览器;这使得所述终端 设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适 配处理,并渲染加载包含经所述代码包处理后的图片的指定网页。
[0108] B8、如B7所述的装置,其中,该装置进一步包括:
[0109] 代码生成单元,适于生成用于获取终端的显示参数,以及将网页中的原图片与终 端设备的显示参数进行适配处理得到处理后的图片的处理代码,并保存该处理代码;
[0110] 参数获取单元,适于获取并保存各个网页中的原图的图片参数。
[0111] B9、如B8所述的装置,其中,
[0112] 所述代码包获取单元,适于将所述处理代码,以及所述指定网页中的原图片的图 片参数打包为一个代码包。
[0113] B10、如B8所述的装置,其中,
[0114] 所述代码包获取单元,适于将所述处理代码,以及所述指定网页所属网站的包括 所述指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。
[0115] B11、如B7-B10中任一项所述的装置,其中,所述代码包获取单元获取的所述代码 包在执行时执行如下步骤:
[0116] 获取终端设备的显示参数,以及获取指定页面中的原图片的图片参数;
[0117] 依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的原 图片处理为与终端设备的显示参数适配的图片。
[0118] B12、如Bll所述的装置,其中,所述代码包获取单元获取的所述代码包在执行时 进一步具体执行如下步骤:
[0119] 获取终端设备的HTML宽度,以及获取指定页面中的原图片的宽度值和字体大小 值;
[0120] 依据终端设备的HTML宽度与原图片宽度的比值与终端设备侧字体大小值与原图 片字体大小值的比值相等的条件,获得终端设备侧字体大小值;
[0121] 设置终端设备侧表示高度的单位值等于所获得的终端设备侧字体大小值;
[0122] 依据原图片中的指定元素在原图片中的宽度比例,获得该指定元素在终端设备上 显示时的宽度值,以及根据终端设备侧表示高度的单位值确定该指定元素在终端设备上显 示的高度值。
【主权项】
1. 一种网页中的图片的适配方法,其中,该方法包括: 接收终端设备上的浏览器发送的获取指定网页的请求; 获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码 包; 将所述代码包返回给所述终端设备上的浏览器;这使得所述终端设备上浏览器执行所 述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理,并渲染加载包 含经所述代码包处理后的图片的指定网页。2. 如权利要求1所述的方法,其中,该方法进一步包括: 生成用于获取终端的显示参数,以及将网页中的原图片与终端设备的显示参数进行适 配处理得到处理后的图片的处理代码,并保存该处理代码; 获取并保存各个网页中的原图的图片参数。3. 如权利要求2所述的方法,其中,获取用于将指定网页中的原图片与所述终端设备 的显示参数进行适配处理的代码包包括: 将所述处理代码,以及所述指定网页中的原图片的图片参数打包为一个代码包。4. 如权利要求2所述的方法,其中,获取用于将指定网页中的原图片与所述终端设备 的显示参数进行适配处理的代码包包括: 将所述处理代码,以及所述指定网页所属网站的包括所述指定网页在内的所有或部分 网页中的原图片的图片参数打包为一个代码包。5. 如权利要求1-5中任一项所述的方法,其中,所述代码包在执行时执行如下步骤: 获取终端设备的显示参数,以及获取指定页面中的原图片的图片参数; 依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的原图片 处理为与终端设备的显示参数适配的图片。6. -种网页中的图片的适配装置,其中,该装置包括: 接收单元,适于接收终端设备上的浏览器发送的获取指定网页的请求; 代码包获取单元,适于获取用于将指定网页中的原图片与所述终端设备的显示参数进 行适配处理的代码包; 返回单元,适于将所述代码包返回给所述终端设备上的浏览器;这使得所述终端设备 上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处 理,并渲染加载包含经所述代码包处理后的图片的指定网页。7. 如权利要求6所述的装置,其中,该装置进一步包括: 代码生成单元,适于生成用于获取终端的显示参数,以及将网页中的原图片与终端设 备的显示参数进行适配处理得到处理后的图片的处理代码,并保存该处理代码; 参数获取单元,适于获取并保存各个网页中的原图的图片参数。8. 如权利要求7所述的装置,其中, 所述代码包获取单元,适于将所述处理代码,以及所述指定网页中的原图片的图片参 数打包为一个代码包。9. 如权利要求7所述的装置,其中, 所述代码包获取单元,适于将所述处理代码,以及所述指定网页所属网站的包括所述 指定网页在内的所有或部分网页中的原图片的图片参数打包为一个代码包。10.如权利要求6-9中任一项所述的装置,其中,所述代码包获取单元获取的所述代码 包在执行时执行如下步骤: 获取终端设备的显示参数,以及获取指定页面中的原图片的图片参数; 依据终端设备的显示参数和指定页面中的原图片的图片参数,将指定页面中的原图片 处理为与终端设备的显示参数适配的图片。
【专利摘要】本发明公开了一种网页中的图片的适配方法和装置,该方法包括:接收终端设备上的浏览器发送的获取指定网页的请求;获取用于将指定网页中的原图片与所述终端设备的显示参数进行适配处理的代码包;将所述代码包返回给所述终端设备上的浏览器;这使得所述终端设备上浏览器执行所述代码包将指定网页中的原图片与所述终端设备的显示参数进行适配处理,并渲染加载包含经所述代码包处理后的图片的指定网页。依据本发明提供的技术方案,使得终端设备上的浏览器在加载网页时,网页中的图片在保证图片信息完整不失真的前提下适配于当前终端设备而显示,符合用户的浏览需求,大幅提升用户体验。
【IPC分类】G06F17/30
【公开号】CN105045893
【申请号】CN201510463077
【发明人】崔丽
【申请人】北京奇虎科技有限公司, 奇智软件(北京)有限公司
【公开日】2015年11月11日
【申请日】2015年7月31日
当前第4页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1