search

seanmars / notes

use issue for some helpful information.
Do What The F*ck You Want To Public License
0 stars 0 forks source link

Chrome Plugin for Web developer #51

Closed seanmars closed 4 years ago

seanmars commented 8 years ago

收集一些開發網站好用的 chrom plugin

seanmars commented 8 years ago

Type Sample https://chrome.google.com/webstore/detail/type-sample/jobccjjaffckfoggljonehppmldgmkmh

快速檢視網頁上所使用的字型和字體大小

seanmars commented 8 years ago

Fontface Ninja https://chrome.google.com/webstore/detail/fontface-ninja/eljapbgkmlngdpckoiiibecpemleclhh

可以檢視字體、字型之外，亦可以看到文字的行高、字距

seanmars commented 8 years ago

Page Ruler https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn

測量元素區塊的大小

seanmars commented 8 years ago

Dimensions https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj

自動偵測網頁中元素和元素間的距離

seanmars commented 8 years ago

Emmet Re:view https://chrome.google.com/webstore/detail/emmet-review/epejoicbhllgiimigokgjdoijnpaphdp

同時且同步顯示不同裝置上的檢視樣貌

seanmars commented 8 years ago

CSS3 Generator https://chrome.google.com/webstore/detail/css3-generator/dmlgmehijaodgkkooghkknjjkddahmej

視覺化的 CSS3 語法產生器，直接以視覺化的介面調整想要的樣式

seanmars commented 8 years ago

Stylebot https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

透過視覺化的介面調整網頁樣式

seanmars commented 8 years ago

Wappalyzer https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

看出網站所架設的伺服器、所套用的框架、函示庫等等

seanmars commented 8 years ago

Awesome Screenshot https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

一鍵擷取整個網站的全頁面截圖，還可以編輯和註釋

seanmars commented 8 years ago

JSONView https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc

讀取到網頁是屬於 JSON 資料時，會自動重新格式為易讀的排版樣式，同時附帶有除錯的功能

seanmars commented 8 years ago

Web Server for Chrome https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb

快速於本機端建立伺服器，並可將網站與同網路的使用者分享