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擴充套件)



    无觅相关文章插件,快速提升流量

    非經授權,請勿全文轉載,本文網址:
    → 免費訂閱最新文章:  (如何訂閱?)
    作者: | 發佈日期:
    注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

     

    歡迎留下你的想法或意見...

    1. 珠海装修公司 說道:

      真是挺好用的啦!

    2. 小正正 說道:

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

    3. 梅干扣肉 說道:

      直接按Ctrl+Shift+J,就可以了~

    4. 路人甲 說道:

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

      • 路人甲 說道:

        官網載點好像掛了,網頁顯示The requested resource (/update/) is not available

        • 路人假 說道:

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

    5. 通告: pro.3d-vision.tw/touch/

    6. 阿布 說道:

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

    發表迴響

    你的電子郵件位址並不會被公開。

    你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>