首页 > 代码库 > ASP.NET MVC网站在opera mobile emulator中浏览

ASP.NET MVC网站在opera mobile emulator中浏览

     众所周知,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页面,右键找到浏览方式

技术分享

然后就能看见如下的界面

技术分享

点击添加,然后选中安装的路径,然后在输入参数。浏览方式就会多了一种啦~~~

技术分享

具体的参数配置,官网上有,下面贴出我的配置

 

程序: "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,点击设为默认值

然后浏览即可看到

技术分享技术分享

哈哈,这样就完成在“手机”上实时浏览我们的页面啦。

另外,如果想在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中浏览