close

:Chrome 有很多擴充功能,這裏記錄一些輔助網頁開發功能

Type Sample : 可察看網頁的字型及大小

Wappalyzer : 分析看到的網頁使用那些技術

Pesticide for Chrome : 顯示網頁區塊的分配(網頁排版分析)

Dimensions : 可測量網頁元件上下或左右的間隔(px)

Set Character Encoding : 更改網頁編碼

Fontface Ninja : 可看字體,字型,行距,字距,顏色

Page Ruler : 可讀出區塊寬度,高度,位置,區塊名稱

Emmet Re:view :同時且同步顯示不同裝置上的檢視樣貌, BreakPoints:依視窗寬度顯示,Device Wall:依手機裝置顯示

CSS3 Generator : 視覺化的 CSS3 語法產生器

Stylebot : Basic:透過GUI調整網頁CSS屬性,Advanced:透過text調整網頁CSS屬性

Awesome Screenshot : 網頁截圖,錄製,圖檔討論,桌面截圖

goo.gl URL Shortener : 提供 google 網頁縮碼,QR code

JSONView : 重排網頁JSON資料排版樣式

Image Size Info : show image information

ColorPick Eyedropper:  色碼吸管 ( 點滴 ) 工具

​​​​​​​

 

擴充功能

Image Size Info

 

 

 

 

arrow
arrow
    文章標籤
    chrome 網頁開發
    全站熱搜

    Robert 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄