Image Size Chrome 插件, crx 扩展下载
扩展ID: lohflkahhmfajaaehbljimobcgodmaci
Automatically calculate image size## image size使用说明 ### 背景 页面中图片资源经常引用过大,造成页面性能浪费,基于此开发了此chrome插件,用于对页面的图片进行检查,即图片样式大小和本身的资源大小是否一致,如不一致,则会进行标注提醒。 ### 功能 * 对于图片预览的页面,可以快速获取图片的尺寸和体积,并且提供复制css的功能 * 对于非图片预览的页面,可以遍历整个页面的图片,对图片样式大小和本身的资源大小进行比较,如不一致,则进行标注提醒。 ### 操作指南 #### 安装地址 打开chrome 浏览器,先从以下地址按照插件 [https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci](https://chrome.google.com/webstore/detail/image-size/lohflkahhmfajaaehbljimobcgodmaci) #### 开关 ![](https://yanxuan.nosdn.127.net/15619602636762039.png) 开启状态 ![](https://yanxuan.nosdn.127.net/15619602639322040.png) 关闭状态 > 点击 icon 则可以进行开关切换 #### 选项设置 在上述的icon上右键选中 选项 ![](https://yanxuan.nosdn.127.net/15619608095552066.png) 可以进入到插件的配置信息页面 ![](https://yanxuan.nosdn.127.net/15619608826292067.png) #### 选项说明 | 配置 | 说明 | | -- | -- | | tag 颜色 | 有三种颜色切换,防止tag颜色和页面颜色冲突 | | 视觉稿宽 | 和底下那个宽度一起使用 | | 最大兼容宽 | pc则为1:1,即1920:1920;h5则为rem,实际存在比例,常见的为 750:768,750:720 | | 导航高度 | 用于图片信息进行定位,但是页面往往存在导航,会出现遮挡,添加此高度后,定位则会进行优化计算 | | 包含背景图 | 一般不做背景图检查,往往页面中会有雪碧图,尺寸存在不一致,会误报 | | 开启调试 | 开启后则会进行console信息输出 | #### 页面展示 ##### 对于图片预览的页面 页面左上角会展示图片的基本信息 ![](https://yanxuan.nosdn.127.net/15619628363582189.png) ##### 对于非图片预览的页面 图片有错误的则会在页面的右侧标记出错误的位置,点击该tag后,可以展示错误的图片信息 ![](https://yanxuan.nosdn.127.net/15619625575742162.png) 信息如下: ![](https://yanxuan.nosdn.127.net/15619625578562163.png) * 图片预览图 * 【定位】点击后可以进行定位 * 图片链接 * 图片样式尺寸和源尺寸 * 类型分为 图片和背景图 * 以及在页面中的具体dom对象
名称 | Image Size |
插件标识 | lohflkahhmfajaaehbljimobcgodmaci |
平台 | Chrome |
评分 | 0 |
评分人数 | 2 |
插件主页 | |
作者 | itcharliexu |
版本号 | 1.7 |
大小 | 152 KB |
官网下载次数 | 15 |
分类 | 查看更多 web开发 分类下的扩展插件 |
下载地址 | |
更新时间 | 2020-07-08 00:00:00 |
CRX扩展文件安装方法
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
打开Chrome浏览器的扩展程序: 地址栏直接输入:chrome://extensions/ 即可进入,将右上角的【开发者模式】开启,重启chrome(重要操作),再次打开扩展程序管理界面,把下载的crx直接拖动进去即可完成安装,注意请更新最新版本的chrome.
回复
强烈推荐
相关推荐
大家在找这些插件
- augmented-steam
- font-weight
- ✒font-weight:800✒font-weight:800
- ✒font-weight:800
- 电子书全网搜
- Songsterr
- pdf????????????ppt
- ai翻译
- OKX
- 英文学习
- 拖放自由
- 媒介
- 云彩
- 小云
- OneNote Web
- 坐标
- IDMç ´è§£ç
- A Cute Browser Pet
- PowerPoint
- 微乐麻将
- palinsestotv.c
- ligopartners.c
- luccascovo.c
- commercialera.c
- magyargifts.c
- salesforce login
- 在线听
- Youtube中文配音
- 中文配音
- 网络助手
- Free Download Manager edge
- uc浏览器
- uc
- filcr
- biliplus
- hpoi
- flash copilot
- FilCR
- m3u9
- pornbot
- pornhubbot
- boodigo
- BiliPlus
- 雷电下单助手
- 雷电
- idgn
- 股票基金管家
- switch Omega
- word highlight
- setuovon
- ghler
- ligopartners.com
- 视频号
- ug
- Supercopy
- insgram
- acg
- 视频会员
- HPOI
- avtar
- acr
- Kimi
- antibot
- chandler
- 1passward
- Flash Copilot
- 黑暗模式-护眼
- 蓉城
- 税号
- Pornhub 视频免费下载器 Chrome 插件_DESKTOP
- 黑暗模式-夜眼
- hare
- ai渲染
- 超市投标书
- luccascovo.com
- commercialera.com
- wechatneedweb
- 多线程下载管理插件
- 多线程下载插件
- asciidoctor.js
- 标签页冻结
- uipx-chrome-plugin-master
- Koala Inspector
- palinsestotv.com
- magyargifts.com
- 秘密阅读助手
- 媒体流
- docs online viewer
- NTKO WEB chrome
- kimi阅读助手
- ungerboeck
- bookmark preview
- easy scraper
- been choice
- css pr
- popchatgpt
- zeroomega
- openh246
- bookmark preview - productivity and extensio
相关搜索词
- Capture full size screenshot
- Block Image|Video
- block image and vedio
- bolck image
- image blocker
- image gsa-online.de
- image
- Search by Image
- Image
- image search chrome
- review image
- data:image
- block image|video
- image hunter
- Image Downloader Chrome
- review image quick view
- image download
- Image Downloader
- review image search
- review image download
- Bulk Image Downloader
- image aissistant
- Fatkun Batch Download Image
- Image Downloade
- Image Viewer
- focus Image Viewer
- focus image viewer
- Region-Based Image Retrieval with High-Level Semantics using Decision Tree Learning Elsevier Patter
- image veping.nl
- image bonusverenbahissiteleri.net