---
# System prepended metadata

title: '[Chrome] Extensions'
tags: [Chrome]

---

# [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
:::


