2012年6月27日 星期三

寫jQuery Mobile好工具–WebMatrix 2


發現寫jQuery Mobile好工具–微軟免費的 WebMatrix 2,要測試時比使用Visual Studio 2012好用一點點 ,因為多了一堆模擬器可以使用啊。
  • 先下載 WebMatrix 2來玩玩
image
安裝相關軟體
image
image
image
  • 安裝完建立一個範本看看
image
  • 建立Empty Site
image
image
  • 在預設的index.html寫網頁
image
  • 不知是否原電腦就裝了windows Phone模擬器的關係,一開始就可以直接選取在windows Phone模擬器執行
image
  • 執行結果
image
  • 最好用的是這個,Open in all選項,會一次將ie, firefox ,chrome與windows Phone 7全部run起來,可以檢視在各種browser上執行的結果
image
  • 也可以新增iphone或iPad模擬器
image
image
image
  • 這樣選了Open in all之後….啊…畫面好亂啊…但這功能真不錯,為何Visual Studio 2012 RC沒有??
image
  • 若要使用Visual Studio 功能,也可以馬上切到Visual Studio來編輯。
image

1 則留言:

匿名 提到...

謝謝分享!
所見即所得的開發是真的不錯,
也推薦 EZoApp 這套所見即所得開發工具,
是利用 HTML+JS+CSS 來開發,
同時運用了 JQueryMobile 和 PhoneGap 的技術,
可以直接產生 app 或 行動版網頁,
重點是完全免費,不用安裝,直接在瀏覽器上開發。

推薦給您試用看看~ ^_^

網站:http://www.ezoui.com/app/
工具:http://jqmdesigner.appspot.com/designer.html
影片:http://youtu.be/wzaubtL5az8

總網頁瀏覽量