博客
关于我
如何查看网页的某张图片的宽高?
阅读量: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/

你可能感兴趣的文章
Neo私链
查看>>
nessus快速安装使用指南(非常详细)零基础入门到精通,收藏这一篇就够了
查看>>
Nessus漏洞扫描教程之配置Nessus
查看>>
Nest.js 6.0.0 正式版发布,基于 TypeScript 的 Node.js 框架
查看>>
nestJS学习
查看>>
NetApp凭借领先的混合云数据与服务把握数字化转型机遇
查看>>
NetBeans IDE8.0需要JDK1.7及以上版本
查看>>
netcat的端口转发功能的实现
查看>>
netfilter应用场景
查看>>
netlink2.6.32内核实现源码
查看>>
Netpas:不一样的SD-WAN+ 保障网络通讯品质
查看>>
NetScaler的常用配置
查看>>
netsh advfirewall
查看>>
NETSH WINSOCK RESET这条命令的含义和作用?
查看>>
Netty WebSocket客户端
查看>>
netty 主要组件+黏包半包+rpc框架+源码透析
查看>>
Netty 异步任务调度与异步线程池
查看>>
Netty中集成Protobuf实现Java对象数据传递
查看>>
Netty事件注册机制深入解析
查看>>
Netty原理分析及实战(四)-客户端与服务端双向通信
查看>>