Brackets：即時預覽，儲存檔案就立刻幫您重載網頁顯示結果

2018/09/20 4,203 0 軟體應用 , 網站技術

「Brackets」是 Adobe Systems 開發的一個以 HTML、CSS 及 JavaScript 編寫的 HTML 編輯器。
即時預覽功能可以快速查看網頁編寫的成果，只要點 Brackets「檔案」→「即時預覽」，或者按下右側閃電圖示 ⚡，就能開啟這個功能，只要網頁檔案有異動，連線的瀏覽器（目前是 Google Chrome）就會自動更新預覽網頁，非常方便！
★ 目前測試，檔案必須先儲存才能使用這功能，而且不是很即時，所謂的「異動」必須進行儲存。

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

▲首次開啟會有說明。

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

▲更動後儲存馬上會執行在這個瀏覽器上。

贊助廣告 ‧ Sponsor advertisements
Sass/SCSS 初嘗試，新手入門語法教學 ◆ 進階的 CSS：巢狀結構、變數、函數、迴圈與繼承等
📆 2019-03-19
📁 網站技術, Sass/SCSS
Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！
📆 2019-04-02
📁 網站技術, JavaScript, Node.js, Gulp
使用 Docker 更新 Node-RED 教學
📆 2021-12-08
📁 網站技術, Node.js, Node-RED
HTML:<!--備註-->
📆 2014-01-04
📁 網站技術, HTML
PHP：運用 foreach 輸出一維及二維陣列所有的索引及其值
📆 2022-02-10
📁 網站技術, PHP
CLIP STUDIO PAINT:調整軟體介面淡色OR濃色
📆 2017-07-07
📁 軟體應用
Telegram 5.8 for Android & Telegram Desktop 1.7.9 更新：基於位置的聊天、添加沒有電話號碼的聯...
📆 2019-06-24
📁 軟體應用, 行動平台, 資訊新聞, APP應用, Android
JSP：XY的加減乘除，自訂函數、宣告變數
📆 2019-04-04
📁 網站技術, HTML, JSP

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！