這週來分享一下幾個 olen 自己常用的chrome外掛, 也想順便想知道大家都有在用那些好用的外掛可以一齊討論

HTML5 Outliner

常用程度 : ★★★★★

介紹 : 這是一個可以快速預覽網頁標題結構的工具, 在切版的時候可以快速知道自己的h1h2等tag結構是否有合理置放, 不論是在做搜尋引擎優化或是無障礙網站都用得到 (雖說合理的標題結構是基本, 但有時還是會忽略)

預覽圖 :

wappalyzer

常用程度 : ★★★★

介紹 : 這個工具可以查看網站所用的技術、框架、環境等資訊, 準確率個人覺得應該有80%以上

預覽圖 :

(猜猜這是哪裡XDD)

Full Page Screen Capture

常用程度 : ★★

介紹 : 頁面節圖工具, 當你需要擷取整個網站, 但你又不想截三四張圖在把他自己拼貼起來, 這個工具就幫你很大的忙了, 他會自己幫你一邊截圖, 一邊滾動到網頁底部, 最後在把截圖拼成一張給你
(自從升級office 365之後就改成使用Clip to OneNote了)

Window Resizer

常用程度 : ★★☆

介紹 : 快速幫你改變視窗大小, 在做RWD的時候可以幫得上忙

WhatFont

常用程度 : ★★

介紹 : 快速偵測你滑鼠目前指到的文字所使用的字體 (通常在看英文字體比較常用, 中文網站字體嘛... 不就那幾個...)

CSSViewer

常用程度 : ★★★

介紹 : 可以快速預覽滑鼠目標的HTML tag, CSS class名稱及樣式
偷看別人網站的好東西
預覽 :

不知道各位同學或前輩們有沒有其他好用常用Chrome外掛可以討論分享呢!?~~