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

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

▲首次開啟會有說明。

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

▲更動後儲存馬上會執行在這個瀏覽器上。
贊助廣告 ‧ Sponsor advertisements
phpMyAdmin 連線到 MySQL 5.1 撞牆事件
📆 2022-01-21
📁
網站技術, 伺服器, 資料庫, PHP
ComfyUI x MiniMax H3:白底角色連續動作動畫生成實測
📆 2026-08-22
📁
軟體應用, 人工智慧, AI影片
Pingendo:RWD 網頁設計軟體、模板網頁製作、拖拉設計網頁
📆 2018-09-29
📁
軟體介紹, 網站技術
PHP & AJAX & MySQL 即時搜尋系統、邊打字邊搜尋資料庫
📆 2019-06-18
📁
網站技術, 資訊安全, 伺服器, 資料庫, PHP, JavaScript, jQuery, SQL
使用 Docker 安裝及運行 Node-RED 教學
📆 2021-12-08
📁
網站技術, 物聯網, Node.js, Node-RED
Java Debug(Visual Studio Code 擴充功能):編譯、執行 JAVA 程式
📆 2019-02-22
📁
軟體應用, 程式設計, JAVA
CSS3「border-radius」基礎圓角製作教學
📆 2018-09-27
📁
網站技術, CSS
React 初嘗試(二):利用 Babel CDN 讓瀏覽器直接跑 JSX
📆 2019-08-17
📁
網站技術, HTML, JavaScript, React
留言區 / Comments
萌芽論壇