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

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

    最後更新:07-28, 2013 下午 3:40

    TAG:
    kjbrian

    Author: 不來恩

    briiancom@gmail.com

    相關資訊

    訪客留言:

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

    1. 是不錯!部落客、網頁設計師的另一個選擇,不過還是 Fire Bug Lite 好用,大大何時要推一下啊? Fire Bug 太專業了嗎?

    2. 雖然跟主題沒啥關係,但是之前foxy被起訴 今天被判刑。景昌被罰70萬,負責人李憲明昨天判處一年半的徒刑,唱片公司求償80億(比之前的50億多呢)。所以,勸各位別再用了,否則哪天被關也不知道
      http://tinyurl.com/2fyr4e2 (自由時報)

        1. 要聽上面控方代表的話!不要用foxy以免被告,改用frostwire、Gnutella之類軟體吧!我指的是分享自已的創作喔!

    3. 請問~安裝並且點下了~
      為何滑鼠移進網頁畫面~沒有出現紅色框框?
      我的Google Chrome是6.0.472.63

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *