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

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

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

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

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

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

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

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

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

RVC：AI 語音人聲模型融合教學
📆 2023-04-13
📁 軟體應用, 人工智慧, AI語音

資管の小教室（實用小技巧、趨勢與方向、資安問題）
📆 2019-12-09
📁 生活相關, 軟體應用, 瀏覽器, 行動平台, 行動裝置, 資訊安全, 串流媒體, 學業筆記, Google Chrome, 擴充元件, Android

Telegram 9.4 for Android & Telegram Desktop 4.6 更新：大頭照製作工具、翻譯整個對話、表情符號�...
📆 2023-02-06
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

Audacity:將介面語言設定為繁體中文(正體中文)
📆 2014-10-31
📁 軟體應用

Mozilla Firefox附加元件:Flagfox
📆 2014-04-29
📁 瀏覽器, Firefox, 擴充元件

Stable Diffusion web UI x Cutoff：限制某些提詞的影響範圍，以顏色提詞做舉例
📆 2023-03-14
📁 軟體應用, 人工智慧, AI繪圖

Telegram 8.2 for Android & Telegram Desktop 3.2 更新：共享媒體快速滾動、日曆檢視、加入請求等
📆 2021-11-04
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android

篡改猴 x Google AI Studio：免浮水印生成 Nano Banana 圖片！
📆 2025-10-16
📁 瀏覽器, 網路應用, 人工智慧, AI繪圖, 擴充元件