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

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

▲首次開啟會有說明。

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

▲更動後儲存馬上會執行在這個瀏覽器上。
贊助廣告 ‧ Sponsor advertisements
Movavi Video Editor 2024:如何在影片中添加音訊
📆 2023-11-16
📁
軟體介紹, 軟體應用, 多媒體, 影片編輯
LM Studio:本地運行大型語言模型、使用無須連網的 AI 助手!
📆 2024-04-29
📁
軟體介紹, 軟體應用, 人工智慧
純 CSS 做到網頁元素水平垂直置中、置中央
📆 2020-03-05
📁
網站技術, HTML, CSS
Git 版本控制:將專案上傳至遠端存放庫(使用 VS Code、GitHub)
📆 2019-09-24
📁
軟體應用, 網站技術, 程式設計
Android Studio:APP 使用 JDBC 連接 MySQL 資料庫並讀取指定資料表中所有資料
📆 2019-10-05
📁
軟體應用, 行動平台, 程式設計, 資料庫, Android, JAVA, APP開發
利用Google Chrome下載網站上的mp3
📆 2014-04-16
📁
軟體應用, 瀏覽器, Google Chrome
Stable Diffusion web UI x ControlNet:多個 ControlNet 結合使用 (Multi-ControlNet)、同時指定 AI 繪圖的場...
📆 2023-02-24
📁
軟體應用, 人工智慧, AI繪圖
Node-RED:Dashboard 使用 button 和 ui control 切換 tab
📆 2021-12-28
📁
網站技術, 物聯網, Node.js, Node-RED
留言區 / Comments
萌芽論壇