最近学到了一个手机实时预览本地开发页面的小技巧，操作很简单，分享一下
操作步骤：
使用台式机的同学可以购买一个路由器网卡USB实现与电脑连接同一网络
如果本地开发的地址是localhost:3000/index，那么可以将localhost改为ip
查看本机ip地址方法
mac：打开shell，输入ifconfig，回车可以看到，inet 之后的地址
wins：打开dos，输入ipconfig，回车可以看到，ipv4之后的地址，我的ip是192.168.xx.x
改完之后的开发地址就变成192.168.xx.x:3000/index
百度草料二维码生成器，将http://192.168.xx.x:3000/index 复制进去生成一个二维码
使用手机扫描生成的二维码可以就可以查看到你的页面
当你在本地修改代码时可以查看到手机端的页面也发生相应的改变时，即为成功~
最近学到了一个手机实时预览本地开发页面的小技巧，操作很简单，分享一下 操作步骤： 1、保证手机和电脑连接到同一网络...
实时预览 weex-toolkit 支持预览你当前开发的weex页面(.we或者.vue)，你只需要指定预览的文件...
环境配置 1.brew install node node环境是启动本地server开发环境，实时预览，编译...
在app中嵌套的h5页面，实时预览本地h5页面。下载安装charles，并且手机代理上。 这样就算好了。第一次可能...
最终成果预览 如图,左边会实时显示真实手机页面的预览(注意是你真实手机,而不是chrome浏览器开启模拟手机端的...
调用摄像头或本地文件上传图片或视频 jsx页面展示 文件预览 预览的样式
tags: Web Maker; Codepen; Web开发; 前端开发工具; 实时预览 译自: Web Mak...
在使用vue开发移动端时，特别想在真机上看看自己开发出来的成品，现在分享一个很方便的方法，在 webpack 工具...
非联调开发（直连Xcode）想实时预览日志很复杂，仅管写入文件了，实时预览也不符合本文「最小成本」实现的宗旨 NS...
camera开发自定义UI，拍照预览页面顶部有toolbar，在华为honor手机上，出现如下奇葩问题： > to...
本文标题：手机实时预览本地开发页面
本文链接：https://www.haomeiwen.com/subject/zztsvttx.html
网友评论