2010年10月4日 星期一

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

在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屬性設定。

沒有留言: