天天看點

ASP.NET MVC網站在opera mobile emulator中浏覽

在mobile虛拟機中浏覽我們的網站,不用太複雜,簡單就可以實作

     衆所周知,ASP.NET MVC4有一個Moblie Application,我們都可以通過這個來開發手機網站,當然為了簡單,也可以在一般的MVC中的View下面加個字尾mobile,形如Index.mobile.cshtml。可能大部分人調試這樣的手機站都是用浏覽器來調試,或許是強迫症吧,我個人喜歡看到像手機一樣的東西來調試比較舒服,像類似Android的虛拟機,不過opera mobile emulator讓我更加喜歡,下面就介紹一下怎麼使用這個東東吧。

首先,肯定是安安裝opera mobile emulator,可以從它的官網去下載下傳

https://dev.opera.com/articles/opera-mobile-emulator/

我本地安裝的是Opera_Mobile_Emulator_12.1_Windows

安裝完畢後,給VS添加多一種浏覽方式,建立一個項目,添加一個html頁面,右鍵找到浏覽方式

ASP.NET MVC網站在opera mobile emulator中浏覽

然後就能看見如下的界面

ASP.NET MVC網站在opera mobile emulator中浏覽

點選添加,然後選中安裝的路徑,然後在輸入參數。浏覽方式就會多了一種啦~~~

ASP.NET MVC網站在opera mobile emulator中浏覽

具體的參數配置,官網上有,下面貼出我的配置

程式: "D:\Opera Mobile Emulator\OperaMobileEmu.exe"

參數:-windowsize 480x800 -ppi 216 -profile-name "Samsung Galaxy S II"

友好名稱: Opera Mobile

Samsung Galaxy S II 聽過三星的應該都懂。。。。。這個是。。。。

再然後就是

選中剛才添加的Opera Mobile和Google Chorme,點選設為預設值

然後浏覽即可看到

ASP.NET MVC網站在opera mobile emulator中浏覽
ASP.NET MVC網站在opera mobile emulator中浏覽

哈哈,這樣就完成在“手機”上實時浏覽我們的頁面啦。

另外,如果想在Android的虛拟機上浏覽我們做的網站也是可以的,前提是你的電腦有安裝Android虛拟機相應的東西。

下面就說說在Android虛拟機上浏覽的注意點。

Android的底層是Linux kernel,包括Android本身就是一個作業系統,是以,這時我們在模拟器的浏覽器中輸入的localhost或127.0.0.1所代表的是Android模拟器(Android虛拟機),而不是我們的電腦,這就是為什麼在Android虛拟機中使用localhost時會報“Web page not available”的原因。(這是個坑-_-||,慣性思維127.0.0.1)

在Android中,将我們本地電腦的位址映射為10.0.2.2,是以,隻需要将原先的localhost或者127.0.0.1換成10.0.2.2,就可以在模拟器上通路本地計算機上的Web資源了。

說是可以通路,不過就我目前測試而言隻能浏覽釋出在IIS上的網站,不能實時浏覽我們開發的頁面,這個讓我很不爽。。。。

ASP.NET MVC網站在opera mobile emulator中浏覽

如果您認為這篇文章還不錯或者有所收獲,可以點選右下角的【推薦】按鈕,因為你的支援是我繼續寫作,分享的最大動力!

作者:Catcher Wong ( 黃文清 )

來源:http://catcher1994.cnblogs.com/

聲明:

本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接配接,否則保留追究法律責任的權利。如果您發現部落格中出現了錯誤,或者有更好的建議、想法,請及時與我聯系!!如果想找我私下交流,可以私信或者加我微信。

繼續閱讀