︿
✖ CLOSE

網頁設計師的好工具csscan

2 年 之前│
Jin

製作網頁時會使用到CSS語法來撰寫樣式,使用內建的網頁語法檢視器時,每個區塊都會擠在一起,都需要特別仔細的去看每條的CSS語法,常常搞不清楚那一塊版面是哪段語法。如果需要很明確知道的話,chrome瀏覽器內的一款擴充工具csscan,只要滑動網頁的區塊就能即時顯示CSS語法,每個區塊都標示得相當清楚。

名稱:csscan
安裝網址:點這裡

安裝csscan擴充工具

先進入到 csscan的擴充工具頁面,點選「加到 CHROME」下載。

網頁設計師的好工具csscan

接著就能看到 Google 瀏覽器的右上新增的 csscan 按鈕,然後點選它。

網頁設計師的好工具csscan

然後看到虛線的選定滑動的範圍,就能顯示 HTML、 CSS語法區塊表。

網頁設計師的好工具csscan 網頁設計師的好工具csscan

喜歡我們的文章?
可以考慮【贊助我們】
給我們更多的支持及鼓勵!

▪ 相關文章