如何检测任意网页的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就足够啦。

赶快去试试吧。

（来源：小王子的外贸笔记）

以上内容属作者个人观点，不代表LEKSHOP立场！本文经原作者授权转载，转载需经原作者授权同意。​

相关推荐: 亚马逊新品上架无评论，广告投放遇到瓶颈？来看看这些调整策略！

厦门商城系统开发 今天，我想和大家分享一个主题，一个广告组同时有三种匹配模式，另一个匹配模式不同于三个广告组。 一、问题分析 我想问一下，货架上有两款新产品，没有评论。我做的是客户单价低的产品，售价十几美元(11.99美元，12.99美元)，还开了10%的优惠…