博客
关于我
如何查看网页的某张图片的宽高?
阅读量:406 次
发布时间:2019-03-05

本文共 280 字,大约阅读时间需要 1 分钟。

如何查看网页的某张图片的宽高?

打开chrome的开发工具(F12),用指针工具选中需要看的图片,查看Properties,选中img,详细步骤如图

  1. 选中

在这里插入图片描述

  1. 选中Properties,并找到img

在这里插入图片描述

在这里插入图片描述

  1. 查看clientWidth/clientHeight/naturalWidth/naturalHeight

    clientXxxx 是客户端,即浏览器所显示的图片的宽高,

    naturalXxxx是图片实际的宽高,即从服务器下载到本地的图片的宽高,同时也是保存图片时图片文件的宽高。

    两者可能是不一样的值,clientXxxx 是通过css得到的值,是看到的大小尺寸。

    在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

转载地址:http://zzdzz.baihongyu.com/

你可能感兴趣的文章
nativescript(angular2)——ListView组件
查看>>
NativeWindow_01
查看>>
Native方式运行Fabric(非Docker方式)
查看>>
Nature | 电子学“超构器件”, 从零基础到精通,收藏这篇就够了!
查看>>
Nature和Science同时报道,新疆出土四千年前遗骸完成DNA测序,证实并非移民而是土著...
查看>>
Nature封面:只低一毫米,时间也会变慢!叶军团队首次在毫米尺度验证广义相对论...
查看>>
Nat、端口映射、内网穿透有什么区别?
查看>>
Nat、端口映射、内网穿透有什么区别?
查看>>
nat打洞原理和实现
查看>>
NAT技术
查看>>
NAT模式/路由模式/全路由模式 (转)
查看>>
NAT模式下虚拟机centOs和主机ping不通解决方法
查看>>
NAT的两种模式SNAT和DNAT,到底有啥区别?
查看>>
NAT的全然分析及其UDP穿透的全然解决方式
查看>>
NAT类型与NAT模型详解
查看>>
NAT网络地址转换配置实战
查看>>
NAT网络地址转换配置详解
查看>>
navbar navbar-inverse 导航条设置颜色
查看>>
Navicat for MySQL 命令列 执行SQL语句 历史日志
查看>>
Navicat for MySQL 查看BLOB字段内容
查看>>