在浏览器中显示指定样式的Ionic应用程序



我有一个Ionic应用程序,我正在工作。我有一个Android设备,我可以测试它,但我没有办法在iOS上测试我的应用。是否有可能在没有物理iOS设备的情况下测试我的iOS应用(只测试视觉效果,不测试原生功能)?


我已经尝试了其他解决方案,但一无所获。

我试图得到一个MacOS的虚拟机,但遇到了很多问题。我试了好几天想修好它,但是没有任何效果,即使是那些人们说对他们同样的情况有效的。

尝试使用Safari来测试它,但是在Windows上获得Safari的唯一方法是下载一个旧的,过时的版本,因为它不再支持Windows。而且那个版本不支持箭头函数,所以我的应用无法工作,因为Angular的styles.js和许多其他文件都使用了它们。


在Ionic文件中,我可以指定在web上显示时应用哪些样式?
有没有其他方法可以在不获得iOS设备的情况下做到这一点?

如果目的是查看应用程序的设计和导航将如何,这里有以下两个步骤:

首先,在现代浏览器中,如果右键单击页面,然后单击inspect。

此时,你可以插入CTRL + SHIFT + M,这样它就会在浏览器屏幕的最上方打开开发工具栏,这样你就可以选择你需要显示的设备,如android或ios,然后刷新页面,以确保所有的设计都能按照所选的设备类型正确加载。

另一种更有效的方法如果你不想用这种方法那就是

在app.module.ts中

@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [
BrowserModule,
IonicModule.forRoot({ 
mode: 'ios'
}),
AppRoutingModule,
],
providers: [
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
],
bootstrap: [AppComponent],
})

所以在IonicModule forRoot中指定ios为整个应用应用ios设计。

现在,如果你需要测试应用程序作为本地功能,那么解决方案肯定不会是web方法。在这种情况下,你只需安装一个vmware,然后安装一个macOS版本,然后安装xcode,然后在模拟器上正常测试你的应用程序,仍然有些东西可能无法像真正的设备一样运行。

最新更新