Brackets:即時預覽,儲存檔案就立刻幫您重載網頁顯示結果
2018/09/20
萌芽站長
4,505 2
軟體應用 , 網站技術
Brackets
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
即時預覽功能可以快速查看網頁編寫的成果,只要點 Brackets「檔案」→「即時預覽」,或者按下右側閃電圖示 ⚡,就能開啟這個功能,只要網頁檔案有異動,連線的瀏覽器(目前是 Google Chrome)就會自動更新預覽網頁,非常方便!
★ 目前測試,檔案必須先儲存才能使用這功能,而且不是很即時,所謂的「異動」必須進行儲存。

▲兩種方式皆可以開啟「即時預覽」。

▲首次開啟會有說明。

▲預覽網頁的瀏覽器是 Google Chrome。

▲更動後儲存馬上會執行在這個瀏覽器上。
贊助廣告 ‧ Sponsor advertisements
React 初嘗試:不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁
網站技術, HTML, JavaScript, React
VS Code x GitHub Copilot:加入 Gemini 2.5 Pro 模型,感受 AI 建專案的魅力!
📆 2025-04-10
📁
軟體應用, 網站技術, 人工智慧
RVC:AI 語音快速上手!訓練人聲模型、聲音轉換推理完整教學
📆 2023-04-09
📁
軟體應用, 人工智慧, AI語音
BlueGriffon網頁製作教學:插入連結
📆 2014-05-19
📁
軟體應用
Windows:從檔案總管快速開啟指定路徑的 CMD(命令提示字元/終端機)
📆 2019-08-26
📁
軟體應用, 作業系統, Windows
JSP:nxn 乘法表(nxn_multiplication_table.jsp)
📆 2019-03-27
📁
網站技術, HTML, JSP
Material icons:Google推出的高品質圖標字體
📆 2017-02-24
📁
網路應用, 網站技術
Stable Diffusion:二次元角色瑟瑟發抖的 AI 繪圖提詞
📆 2025-10-31
📁
軟體應用, 人工智慧, AI繪圖
留言區 / Comments
萌芽論壇