美文网首页
如何在手机端运行用 vue 开发的 H5 页面?

如何在手机端运行用 vue 开发的 H5 页面?

作者: 婆娘漂亮生活安逸 | 来源:发表于2022-12-01 16:44 被阅读0次

背景:
最近在用 vue 写 H5 页面呀,我就想着在真机上运行一下看看页面交互和效果呀~

step 1


你需要有一个当前运行的项目地址,这边需要用 ip 地址形式哦;如果用 localhost,可能会导致手机端找不到地址;


step 2


其实这个时候直接把这个放到手机浏览器上面,就可以直接查看效果啦~就这么简单easy~

小干货💡

😖是不是纯手打,或者复制粘贴到手机上还是很麻烦呢?

😄将网页生成二维码,然后拿起我们的小手机,扫一扫,在浏览器打开,是不是更快捷啦~

推荐几个二维码生成器:

  • 如果可以科学上网的话,直接去 Google Store 下载个网址二维码生成器的插件,我这边就用的是《二维码小能手》

  • 或者在草料二维码,也可以直接使用二维码。

相关文章

  • iOS 2017 UIWebView 实用举例

    随着H5的大火,手机端的页面很多也被网页端侵蚀了,作为手机端的开发人员,就算不需要学会H5的开发,如何和h5(j...

  • 一段调试手机webview调用H5页面的过程

    场景:最近使用vue开发了一个H5页面,入口为 url/index.html。手机端使用webview调用该页面。...

  • H5和原生app的优缺点

    H5的优点 1、h5开发速度快,一端开发多端运行2、如果APP用户常见页面频换,如(淘宝首页各种不同活动),那么用...

  • 移动web开发适配

    根据设备分辨率设置根元素的fontSize,从而设置rem。 移动web开发 运行在手机端的web页面(H5页面)...

  • 手机端vue+vant+rem项目适配750px设计稿的配置

    手机端页面开发,使用vue,UI框架用vant,设计稿是750px,单位用rem vant是按照375px设计稿开...

  • 移动端如何适配?

    1、使用Flexible实现手淘H5页面的终端适配2、再聊移动端页面的适配3、如何在Vue项目中使用vw实现移动端...

  • 解锁 Vue多页面应用

    大部分使用Vue是构建单页面应用,但有时候我们也需要多页面应用,比如手机端的H5页面,可能这块需要一个H5页,另一...

  • 使用手机查看vux写的移动端页面

    使用手机查看vux写的移动端页面 问题描述:当我们用vue写移动端页面的时候,通常都是在浏览器下的手机模式下查看,...

  • 2020-06-28

    JNPF快速开发平台包含的第二个重要的开发框架是移动端开发框架,即可在手机端、小程序端、微信公众号端口、H5页面端...

  • 最近完成的一个项目感想

    页面分类。 pc端页面 app端h5页面 m站页面 PC用户:使用pc端页面,跟平时开发无异 pad app用户:...

网友评论

      本文标题:如何在手机端运行用 vue 开发的 H5 页面?

      本文链接:https://www.haomeiwen.com/subject/syoefdtx.html