「Firefox Developer Edition」檢查元素是非常棒的開發者工具，如果你本身有在編寫網頁，甚至有編寫RWD網站，這個工具將大大提升你的產能！現在來大略看一下有什麼功能吧！

▲使用「Firefox Developer Edition」打開要開發的網頁，點滑鼠右鍵，選「檢查元素」。

▲檢查元素出現啦！這就是所謂的「開發者工具」。右上方有一個紅色箭頭，點那可以將「檢查元素」放到瀏覽器右邊，另一個黃色箭頭則是讓「檢查元素」使用視窗開啟。

▲我習慣把「檢查元素」放到右邊，這樣剛好可以直接編寫RWD網頁。

▲當然「Firefox Developer Edition」很熱心的提供適應性設計模式。

▲這樣可以更清楚該設計支援螢幕大小到多少。

▲在「檢查元素」點選HTML元素，可以在左邊網頁顯示畫面中看到位置及其大小。

▲當然「檢查元素」右邊的「規則」也會顯示相對應的CSS原始碼。

▲這樣的介面看起來超專業的，我也很喜歡！稍微說明一下，右邊的規則區是測試CSS很好的地方，可以多多利用，因為現在是以手機版狀態顯示，所以規則區內的CSS當然也是顯示手機版所執行的CSS原始碼，有看到「@Screen」？那就是RWD的使用！

Aegisub：運用自動化腳本批次淡入淡出字幕
📆 2025-05-19
📁 軟體應用, 多媒體, 影片編輯

VS Code x Gemini Code Assist：完整安裝與實戰教學，用 Google AI 打造最強開發環境
📆 2026-01-08
📁 軟體應用, 人工智慧

Chromium 核心通用的瀏覽器內建截圖教學（支援 Chrome、Edge、Opera）
📆 2021-07-29
📁 軟體應用, 瀏覽器, Google Chrome, Edge, Opera

Telegreat：非官方 Telegram 客戶端、台灣網友優化版、完美支援中文
📆 2018-01-30
📁 軟體介紹, 軟體應用, 行動平台, APP推薦, APP應用, Android

Zhuyin Typo:解碼因為使用英文輸入法輸入注音的亂碼
📆 2017-03-06
📁 軟體介紹, 軟體應用

SD web UI：修改產生批次（Batch count）上限，輕鬆突破 100 張圖片生成極限！
📆 2025-03-09
📁 軟體應用, 人工智慧, AI繪圖

Android Studio：探索佈局編輯器！開始佈置您開發的 APP！
📆 2019-09-21
📁 軟體應用, 行動平台, 程式設計, Android, Kotlin, APP開發

SD web UI x Memory Release：解決 AI 繪圖導致視訊記憶體（VRAM）占用問題
📆 2023-05-17
📁 軟體應用, 人工智慧, AI繪圖