使用 Ionic Serve 切换平台

一则或许对你有用的小广告

欢迎加入小哈的星球 ,你将获得:专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡/ 赠书活动

目前,正在 星球 内带小伙伴们做第一个项目:全栈前后端分离博客项目,采用技术栈 Spring Boot + Mybatis Plus + Vue 3.x + Vite 4手把手,前端 + 后端全栈开发,从 0 到 1 讲解每个功能点开发步骤,1v1 答疑,陪伴式直到项目上线,目前已更新了 204 小节,累计 32w+ 字,讲解图:1416 张,还在持续爆肝中,后续还会上新更多项目,目标是将 Java 领域典型的项目都整上,如秒杀系统、在线商城、IM 即时通讯、权限管理等等,已有 870+ 小伙伴加入,欢迎点击围观

昨天,在我参加的一个离子会议上出现了一个问题,涉及 ionic serve 和平台。当你使用 ionic serve 时,它​​会在你的 chrome 浏览器中启动项目。你可能没有意识到它,但默认情况下它使用 ios css 样式。当您使用实验室选项时,这会变得更加明显。这是选项卡模板本身:

这里是 lab 选项——你现在可以看到默认使用 ios 选项。

好的,所以问题是 - 你如何离子服务于 android?事实证明,您可以将 platform 属性与 ionic serve 一起使用。这是在 5 月份添加的( [request] ionic serve –platform=”android” )。简单地做 ionic serve --platform android

如果你很好奇,这不需要实际添加 android 平台就可以工作。 (另一方面,如果你没有 ios,ionic serve 的默认行为是仍然显示 ios css。)