Skip to content

如何检测任意网页的CSS外观?CSS Peeper你不得不知道!

如何检测任意网页的CSS外观?CSS Peeper你不得不知道!
厦门商城系统开发

上次跟大家分享了网站的padding & margin,padding和margin其实也没有办法完完全翻译成中文,在CSS语言,看到padding和margin就知道是啥了。

今天跟大家分享一个神奇的谷歌插件,可以快速识别任意网站的CSS代码。

CSS Peeper谷歌插件

识别CSS,我们可以用CSS Inspector,我发现了好用而且免费的谷歌插件

CSS Peeper插件地址:https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk

在谷歌扩展Google extension搜索CSS Peeper就可以添加到你的谷歌浏览器,然后激活就可以使用啦。

启用CSS Peeper

然后,当你打开任意网页的时候,就可以启用CSS Peeper。

以下是我的操作录频

CSS Peeper功能

  • 识别网站字体:其他识别网站字体的谷歌插件有WhatFont。大家可以戳如何设置你的网站字体?让你的网站格调UP UP!进行回顾
  • 识别网站色号:色号代码可以直接复制
  • 识别网站元素CSS:识别元素的padding,margin,border等等CSS外观
  • 可导出网站图片:下载到电脑本地

CSS Scan

除了CSS Peeper,当然其他类似的工具,比如CSS Scan,但是CSS Scan需要氪金才可以使用。

地址链接:https://getcssscan.com/

大家根据自己的需求进行选择,对我来说CSS Peeper就足够啦。

相关推荐: 注意!4月15日起,亚马逊将自动扔掉卖家这类库存!

厦门商城系统开发 近日,亚马逊美国站向卖家发布最新政策变更通知:将按月自动移除卖家的陈旧库存。亚马逊表示,对库存自动移除的规则作出变更,旨在帮助卖家的商品能够获得更多的存储空间,Prime Day即将到来,卖家能够做好更充足的库存准备。 亚马逊将自动移除 卖家…

    码刀科技(www.lekshop.cn)是国内知名企业级电商平台提供商,为企业级商家提供最佳的电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售/跨境等)、平台管理系统开发及互联网采购解决方案服务, 联系客服了解更多.

    电子商务网站建设的重要性和好处