[學習] Chrome DevTools 網頁開發工具

－徽章(Badges)參考資料
…Flexbox editor

－其他特性整理(頁籤)：
．Styles (CSS)
．Layout
．Event Listeners

－主功能(頁籤)：
．Elements (DOM)
．Console (JavaScript)
．Sources (HTML)

[學習資源]
元素(Element)
－DOM
…徽章參考資料
徽章參考資料 | Chrome DevTools | Chrome for Developers

控制台(Console)
－執行JavaScript
在控制台中執行 JavaScript | Chrome DevTools | Chrome for De...
document.getElementById('hello').textContent = 'Hello, Console!'

資源(Sources)
－執行 JavaScript 程式碼片段
執行 JavaScript 程式碼片段 | Chrome DevTools | Chrome for D...
Snippets

[前情] 整理/總結/分享學習進度
．試閱後端Flask Python檔：專案樣品(2025-10-9(四)
．前端DevTools: 開始查看及變更DOM(2025-10--23(四)
．前端DevTools: 查看DOM物件的屬性(2025-10-30(四)
．前後端資訊交換循環、辨析API詞彙指涉

@pande1104 - [專題學習] 網頁後端&前端開發環境 ◎ 前後端資料交換完整循環(瀏覽器: F...

（2025-11-1(六)噗

[Today] 聚會上看完
－前端DevTools「徽章參考資料」章節內容
會後自學：延伸擴展至DevTools可實操
…待下次專題學習聚會上分享

@pande1104 - (日常) 10點左右睡~下午4點自然醒 覓食瑞東便當/清心青茶 7點半左右補眠...

（2025-11-6(四)