作者mrforget (財去人安樂)
看板Web_Design
標題[問題] 即時檢視工具
時間Mon Jun 8 21:47:33 2015
各位好，想請教一下，
是否有相關工具能即時檢視，
類似左邊輸入原始碼，右邊就能看到結果的相關工具，
不必寫完後就需要點browser去看，謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.225.29.179
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1433771255.A.A70.html
1F：推 tw0517tw: 你要檢視啥? 06/08 21:52
抱歉，內容不夠詳細，大概類似左邊輸入<p>ABC</p> 右邊就能看到ABC的開發軟體。
謝謝。
※ 編輯: mrforget (36.225.29.179), 06/08/2015 21:57:05
2F：推 tw0517tw: 現在有些工具可以讓你存檔之後 browser 自動重整 06/08 21:58
3F：→ tw0517tw: 然後你在把他拉到左右邊...(? 06/08 21:58
4F：→ tw0517tw: 如果是要給重現bug給人看的話 jsbin 那種東西可以放片段 06/08 21:58
謝謝，主要是兩位六十多歲開始學程式的人用，
因為他們告知每次都要先存檔再用google chrome開來看結果太麻煩了，感謝。
※ 編輯: mrforget (36.225.29.179), 06/08/2015 22:03:17
5F：推 oToToT: DW(? 06/08 22:12
我都忘了dream weaver這工具了，3q
※ 編輯: mrforget (36.225.29.179), 06/08/2015 22:18:33
6F：→ ofy: Google Web Designer + Google Chrome 06/08 22:57
8F：→ ofy: Browser 內建 F12 開發者工具 即時調樣式 06/08 23:01
9F：→ namejoshua: 我都會用它來測試一些小元件的設計 06/08 23:01
10F：→ ofy: 總想著Google結果推錯了...Brackets比較贊 06/08 23:37
11F：→ ofy: 可以跟Chrome Debug API接再一起做出你要的Live Development 06/08 23:38
12F：→ ofy: 有多種多樣的外掛,可以說是Web前端開發版的Sublime text 06/08 23:43
13F：→ ofy: Google Web Designer就不要理它了,我記憶出錯推錯東西... 06/08 23:48
14F：推 aspdoctor: 用brackets，用瀏覽器預覽才是最正確的 06/09 03:44
15F：推 banjmin: liveReload 06/09 12:43
16F：推 bedbrpaco: Brackets 06/09 16:46