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

2018/09/20 4,199 2 軟體應用 , 網站技術

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

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

▲首次開啟會有說明。

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

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

贊助廣告 ‧ Sponsor advertisements
Node-RED：透過流程圖視覺化串接資料、強大的 IoT 開發工具
📆 2021-10-10
📁 網站技術, Node.js, Node-RED
FFmpeg：影片填充黑邊 4:3 轉 16:9 或 16:9 轉 4:3 做比例調整
📆 2019-08-27
📁 軟體應用, 多媒體, 影片編輯
CSS background-image 動態下橫線（底線）
📆 2020-08-26
📁 網站技術, CSS
JavaScript：BMI 計算與判斷
📆 2021-03-03
📁 網站技術, JavaScript
After Effects 圓環粒子音頻 (Trapcode Form) 製作教學
📆 2017-01-31
📁 軟體應用, 多媒體, 動畫特效
Easy Image Modifier：統一圖像的寬高、比例不同就補白色！
📆 2024-11-03
📁 軟體應用, 多媒體, 靜圖處理
【網站經營】WordPress 4.0 讓網站擁有圖示
📆 2014-11-16
📁 網站技術, 架站程式, WordPress
Google 相機 & StereoPhoto Maker & Facebook：用一般的手機輕鬆建立 3D 照片！景深 3D 照完整...
📆 2019-04-19
📁 軟體應用, 多媒體, 行動平台, 行動裝置, APP應用, Android, 靜圖處理

留言區 / Comments

萌芽論壇

萌芽站長

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