[問題] 即時檢視html5工具

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