# [Chrome] Extensions ###### tags: `Chrome` ## 資訊 * [30 Seconds of Knowledge](https://chromewebstore.google.com/detail/30-seconds-of-knowledge/mmgplondnjekobonklacmemikcnhklla)：每次開啟新分頁時提供程式相關題目，可練習增進技能。目前可選擇 C++、CSS、Interview Questions、JavaScript、PHP、Python、Ramda、React、Ruby。 * [Wappalyzer](https://chromewebstore.google.com/detail/wappalyzer-technology-pro/gppongmhjkpfnbhagpmjfkannfbllamg)：列出網站使用技術 * [META SEO inspector](https://chromewebstore.google.com/detail/meta-seo-inspector/ibkclpciafdglkjkcibmohobjkcfkaef)：SEO 分析工具 * [SEOquake](https://chromewebstore.google.com/detail/seoquake/akdgnmcogleenhbclghghlkkdndkjdjc)：SEO 分析工具 ## 翻譯 * [Google 翻譯](https://chromewebstore.google.com/detail/google-%E7%BF%BB%E8%AD%AF/aapbdbdomjkkjkaonfhkkikfgjllcleb) * [DeepL Translate](https://chromewebstore.google.com/detail/deepl-translate-reading-w/cofdbpoegempjloogbagkncekinflcnj) * [沉浸式翻譯: 雙語對照網頁翻譯 & PDF文檔翻譯](https://chromewebstore.google.com/detail/%E6%B2%89%E6%B5%B8%E5%BC%8F%E7%BF%BB%E8%AD%AF-%E9%9B%99%E8%AA%9E%E5%B0%8D%E7%85%A7%E7%B6%B2%E9%A0%81%E7%BF%BB%E8%AD%AF-pdf%E6%96%87%E6%AA%94%E7%BF%BB%E8%AD%AF/bpoadfkcbjbfhfodiogcnhhhpibjhbnh) ## 開發工具 * [JSON Viewer](https://chromewebstore.google.com/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh)：JSON 格式化，轉換成容易閱讀的排版 * [User-Agent Switcher for Chrome](https://chromewebstore.google.com/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg)：偽裝並模仿使用者代理程式字串 * [Vue.js devtools](https://chromewebstore.google.com/detail/nhdogjmejiglipccpnnnanhbledajbpd) * [HTML5 Outliner](https://chromewebstore.google.com/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo)：產生網頁的 Outline，以便評估是否要修改 heading 和 section * [Pesticide for Chrome (without hover bar)](https://chromewebstore.google.com/detail/pesticide-for-chrome-with/neonnmencpneifkhlmhmfhfiklgjmloi)：網頁中所有元素加上 outline，方便檢視排版 ## RWD 裝置 * [Mobile simulator - responsive testing tool](https://chromewebstore.google.com/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk) * 每次選擇一款裝置，會顯示裝置 mockup * 可截圖、製作 GIF * 會更新裝置列表，付費即可選擇最新裝置 * [Responsive Viewer](https://chromewebstore.google.com/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb)：可一次列出多種裝置畫面 * [Emmet Re:view](https://chromewebstore.google.com/detail/emmet-review/epejoicbhllgiimigokgjdoijnpaphdp)：可選裝置已許久未更新，但適合想快速瀏覽網頁在不同寬度呈現的畫面 ## 無障礙網頁 * [WAVE Evaluation Tool](https://chromewebstore.google.com/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh)：無障礙網頁檢測 * [WCAG Color contrast checker](https://chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf)：檢測色彩對比值 ## 圖片、影音相關 * [捕捉網頁擷圖 - FireShot](https://chromewebstore.google.com/detail/%E6%8D%95%E6%8D%89%E7%B6%B2%E9%A0%81%E6%93%B7%E5%9C%96-fireshot/mcbpblocgmgfnpjjppndjkmgjaogfceg) * [One Click Image Downloader](https://chromewebstore.google.com/detail/one-click-image-downloade/djcobamaplcmhmaocomnkfdbcoiggepo)：下載網頁中的圖片 * [Open In IINA](https://chromewebstore.google.com/detail/open-in-iina/pdnojahnhpgmdhjdhgphgdcecehkbhfo) ## 其他 * [LINE](https://chromewebstore.google.com/detail/line/ophjlpahpchlmihnnnihgmmeilfjmjjc)：無法使用社群 --- :::info 建立日期：2020-12-28 更新日期：2024-01-20 :::