當我們要開發給手機或者平板使用的jQuery Mobile頁面,總是希望能夠看看在 iPad 或者 iPhone 中運作的樣子。而這樣的模擬器,現在可以免費使用,而且可以結合在Visual Studio 2012裡面,按下執行後,就直接開模擬器來運作。我們來看看如何安裝與設定這個東西
緣起
當我們要開發給手機或者平板使用的jQuery Mobile頁面,總是希望能夠看看在 iPad 或者 iPhone 中運作的樣子。而這樣的模擬器,現在可以免費使用,而且可以結合在Visual Studio 2012裡面,按下執行後,就直接開模擬器來運作。我們來看看如何安裝與設定這個東西
下載安裝
我們要使用的模擬器,其實如果去開發這東西的官網下載使用是要付費的。不過,我們可以透過 WebMatrix3 下載,就可以免費的使用他。方式如下:
首先,下載 WebMatrix3
下載安裝後,我們將 WebMatrix3 執行起來,並且開啟(或者新增)一個Web應用程式
按下【執行】下方的三角形,會顯示目前可以運作的瀏覽器,我們選擇【新增】,此時可以看到可以新增 iPad 或者 iPhone 的模擬器,這兩者是相同的東西,我們選擇其中一個就可以。
安裝後,就可以開啟模擬器
將模擬器設定到 Visual Studio 2012 中
要開發 jQuery Mobile ,開發工具當然選擇 HTML5 地表最強的開發工具 Visual Studio 囉,不過如果每次寫好的程式要透過模擬器來測試時,還要另外開 WebMatrix3 才能使用,那樣很不方便,所以最好就是能夠直接在 Visual Studio 裡面直接按右鍵→在模擬器中瀏覽,就可以立即開啟模擬器,並直接瀏覽,這才是王道。所以接著就來介紹該如何將模擬器設定在Visual Studio 中直接瀏覽執行。
首先,還是要在 WebMatrix3 中先開啟模擬器
開啟後,可以在 Windows 工作列中,看到模擬器的圖示,此時請依照以下的步驟來做
出現如下的畫面
我們先暫時放著,接著開啟 Visual Studio 開啟一個Web專案或者網頁,開啟其中一個頁面,然後在【方案總管】中,依據以下的方式開啟設定【瀏覽方式】,按下【加入】
接著依照以下的方式,分別設定 iPad 與 iPhone
分別設定完成後,就可以直接透過模擬器來執行我們寫的jQuery Mobile頁面
也可以在上面工具列那邊,下拉選取到 iPhone / iPad
末記
實際上使用過後,會發現這個模擬器只是穿著 iPad / iPhone 衣服的瀏覽器,實際的運作狀況與真正的 iPhone, iPad 還是有差異,因此如果真要測試在 iPhone, iPad上面的情形,還是最好可以直接使用設備來測試。
以上的方式提供大家參考囉
^_^
以下是簽名:
- 歡迎轉貼本站的文章,不過請在貼文主旨上加上【轉貼】,並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】,感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫,如果您需要C#的Code,也許您可以試著用線上的工具進行轉換,這裡提供幾個參考
Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |