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

你可能感兴趣的文章
NewspaceGPT绘制类图
查看>>
new一个对象的过程
查看>>
new和delete用法小结
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus 介绍
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>
Nexus指南已经发布
查看>>
Nexus(1):Nexus的安装与配置
查看>>
NFC技术:概述
查看>>
NFinal学习笔记 02—NFinalBuild
查看>>
NFS
查看>>
nfs mount 故障 mount.nfs: access denied by server while mounting 10.0.100.208:/backup_usb
查看>>
NFS Server及Client配置与挂载详解
查看>>
NFS 服务配置篇
查看>>
NFS共享文件系统搭建
查看>>