开发移动端时，用谷歌浏览器的手机模拟工具测试 和用真机测试还是有很大差入的，所以找了一种可以在手机上测试预览的方法：
1. 电脑和手机连接同一个WiFi
2. 查询电脑本地IP 地址(cmd中输入ipconfig命令)
3. 修改项目中的 IP 地址：
找到项目中的 vue.config.js 文件，配置以下代码：
module.exports = {
dev: {
host: '192.168.0.116', // 原为: hotst: 'localhost'
}
}
4. 在手机上输入 http://192.168.0.116:8080 (自己项目的端口号) 就可以实时预览了
开发移动端时，用谷歌浏览器的手机模拟工具测试 和用真机测试还是有很大差入的，所以找了一种可以在手机上测试预览的方法...
在使用vue开发移动端时，特别想在真机上看看自己开发出来的成品，现在分享一个很方便的方法，在 webpack 工具...
利用Vconsole和Fillder进行移动端抓包调试 在开发中，有时候我们需要在手机上进行测试，可是如果遇到bu...
如何在浏览器中实时预览你的Adobe Xd设计稿? 不管是移动端UI设计师还是网页设计师，实时预览都是很必不可缺的...
在开发移动端的时候，特别想在真机上看自己开发出来的成果，之前用的是 Ghostlab这玩意，可是呢，这玩意是要收费...
当我们在做前端开发，特别是在做移动端页面开发的时，有一些网页是嵌入到移动端app中,使用WebView进行预览的。...
一、使用移动端进行访问测试 1、修改访问地址：使用ip地址访问 为了方便直接在手机上测试，我们可以让电脑和手机处于...
在做移动端开发时，常常会开发需要滚动的弹窗。例如 这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。...
基于react实现的移动端的可吸附悬浮按钮 预览地址(移动端)： https://kkfor.github.io/...
很多时候我们移动端开发需要在手机预览效果，macOS自带的Apache服务非常方便。 首先在终端输入命令开启服务（...
本文标题：开发移动端时，如何实现在手机上实时测试预览
本文链接：https://www.haomeiwen.com/subject/ldoynktx.html
网友评论