幫您的VS 2012 /2013安裝智慧手機 模擬器 (iOS)來瀏覽畫面 (Responsive Web 響應式網頁 / 自適應網頁)

摘要:幫您的VS 2012 /2013安裝智慧手機模擬器(iOS)來瀏覽畫面




 

 

 

打開您的 VS 2012,選用最下方的「更多模擬器」

就會連上微軟的網站。  

 

      點選下圖可以超連結 http://www.asp.net/mobile/device-simulators

      

 

您可以挑選您要用的版本(例如 Apple公司的 iOS、或是 Google公司的 Android)

當然,全世界最棒的智慧型手機 就是 微軟公司的  Windows Phone囉!(微軟長官,看這裡啊~

                                                                           媽,我上電視了  (^_^) |~/ 用力揮手    )

 

安裝好這些SDK之後,您的VS 2012應該就會出現上圖的選項。

 

我們可以透過 iPhone 或是 iPad來觀賞我們的網頁,看看排版是否失真?

以下的圖片內容(HTML網頁),請看上一篇文章:簡單的Bootstrap(v 2.3.2版)效果與入門 -- 響應式網頁(Responsive Web)設計

 

      

 

 

因為VS 2013 RC版剛剛上市,這些SDK內建的軟體(模擬器)不會自動幫您加到 VS 2013裡面

您可以在圖片中的「瀏覽方式」

      

 

 

自己動手加入這些模擬器就行囉

例如: iPhone / iPad的瀏覽器,軟體預設放在這個目錄下 --

    X:\Program Files (x86)\Electric Plum\Electric Mobile Studio 2012

    挑選 ElectricMobileStudio2012.exe即可

 

我想,很快就會出新版了,可以修正這問題。

 

 

另外,VS 2013支援「多瀏覽器」同時觀賞

您可以「同時」開好多瀏覽器,看看您的網頁排版與內容,是否失真?

 

修正畫面與程式之後,可以再度「同時 開啟 "多"瀏覽器」看見成果

 

很方便吧。

 

 

 

2014/11/13補充: VS 2013的 Android 手機 模擬器,請看這篇文章:

http://blogs.msdn.com/b/visualstudioalm/archive/2014/11/12/introducing-visual-studio-s-emulator-for-android.aspx

 

 

 

 

===== 天瓏書局(上下兩集,超商取貨  免運費!)===============================================

現場(門市)買書  優惠更大!   http://www.tenlong.com.tw/events/89

ASP.NET 4.5 專題實務 系列書籍 任兩本 75折 = 1200元!最便宜!
    再加碼送『氣球兔提袋』或『讀卡機』,贈品數量有限,送完為止!
 
 
※此為"門市購書"活動,網路書店恕無參與。 活動時間:即日起至2013年9月30日止。

 

==== (天瓏)網路書店 ================================================

上集(內容相同,請挑您熟悉的語法)593元  超商取貨  免運費!

    C#    http://www.tenlong.com.tw/items/9572240609?item_id=483832

 

   

    VB    http://www.tenlong.com.tw/items/9572240722?item_id=493126

 

 

下集(雙語法)  623元  超商取貨  免運費!

    http://www.tenlong.com.tw/items/9572241729?item_id=620531

 

 

 

 

 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學,遠距教學 (Web Form 約 51hr)  https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學,遠距教學 (ASP.NET MVC 約 135hr)  https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

 

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.tw  或  school (at) mis2000lab.net

 (1) 第一天 ASP.NET MVC5 完整影片(5.5小時 / .NET 4.x版)免費試聽。影片 https://youtu.be/9spaHik87-A 

 (2) 第一天 ASP.NET Core MVC 完整影片(3小時 / .NET Core 6.0~8.0)免費試聽。影片 https://youtu.be/TSmwpT-Bx4I 

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm  。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b  


ASP.NET遠距教學、線上課程(Web Form + MVC)。 第一天課程, "完整" 試聽。 

.........   facebook社團   https://www.facebook.com/mis2000lab   ......................

.........  YouTube (ASP.NET) 線上教學影片  https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

 

Blog文章 "附的範例" 無法下載,請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍(嚴格認定)。

...................................................................................................................................................... 

ASP.NET MVC  => .NET Core MVC 線上教學  ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課