csscan 網頁CSS屬性快速檢視工具（Google Chrome擴充套件）

https://chrome.google.com/extensions/detail/nnnadlfihgoldfbmigdbbhlejpenlihe?hl=zh-TW

在Google Chrome瀏覽器裡面有個「開發人員工具」，可以讓我們詳細檢視網頁的HTML、CSS與各式各樣的網頁布局、資源應用...等等細節，對於程式設計師或網頁設計師來說是個相當方便的實用工具。

不過如果你常常需要快速檢視某些網頁的CSS配置，又不想每次都開「開發人員工具」那麼複雜的工具來用的話，可以試試看下面這個比較小巧、簡單的CSS屬性快速檢視工具。

當我們在Google Chrome瀏覽器裡下載、安裝好csscan擴充套件之後，開啟網頁時，按一下網址列右邊的csscan按鈕，此時只要將滑鼠移動到你想查看的區塊、標題或文字段落上，滑鼠指標右邊會自動顯示該區塊或網頁元件的CSS配置細節。

▇ 軟體小檔案 ▇     (錯誤、版本更新回報)

軟體名稱：csscan 中文版

軟體版本：2.0.1

軟體語言：簡體中文

軟體性質：免費軟體

檔案大小：44.6KB

系統支援：此為Google Chrome瀏覽器專用擴充套件，支援4.x以上版本（下載）

官方網站：按這裡

軟體下載：按這裡

使用方法：

第1步  用Google Chrome瀏覽器開啟csscan程式的安裝頁面，按一下「安裝」按鈕將程式下載、安裝到電腦。

之後，當我們需要查看網頁中指定區塊的CSS屬性時，請按一下網址列右邊的「csscan」按鈕，接著將滑鼠指標移動到網頁中的區塊、元件或文字段落上方，即可在右邊顯示詳細的CSS屬性設定。