免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2022-03-17 15:53
圖片來源：圖蟲創意
上次跟大家分享了網站的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就足夠啦。
趕快去試試吧。
（來源：小王子的外貿筆記）
以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?
