使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。 如果想看真机环境,又不想build到线上。 webpack能配置电脑本地内网环境指向公网访问的! 1、打开项目的package.json文件,修改里面的script里面的dev ...
有时候想在自己手机上预览一下开发中网页的效果,就需要使用真机调试,用chrome自带的调试功能是很好的方法,但有时候需要适配一些小众的手机屏幕,这时用chrome就不方便了,下面说一下如何在手机上进行网页预览。 .手机和电脑连同一个WiFi 注意,这里的WiFi不是指手机连上电脑的热点,而是两者连进别的局域网,比如公司或者家里的WIFI。 .打开电脑命令行查看ip地址 win r,输入cmd,再输 ...
2020-05-07 09:31 1 1545 推荐指数:
使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。 如果想看真机环境,又不想build到线上。 webpack能配置电脑本地内网环境指向公网访问的! 1、打开项目的package.json文件,修改里面的script里面的dev ...
十天没有写文章了,居然还有点手生,不知道该怎么开头了。。尴尬。 今天来分享一个小技巧--如何在手机上调试本地项目。 相信很多开发小伙伴都对手机样式调试比较头疼,在电脑模拟器上写好了 css 样式一切简直完美,但是到了手机上就是各种问题暴露。要是本地写好的样式可以直接到手机上去查看,岂不是美滋滋 ...
方法 直接在html中引入vconsole.js文件, 然后在js脚本中使用console.log('调试内容'); 即可看到如下效果,还可以在network里面看到ajax请求 我把js文件传到博客园,方便大家下载. vconsole.js下载地址 https ...
. . . . . . . . . . . . : 192.168.X.X”的一般就是你的内网IP了,然后在手机浏览器上直接输入这个内网IP,就可以访问到环境根目录中的 ...
要实现手机访问本地开发的移动端项目,首先做到两点: 1、本地打开的项目可以使用本地ip访问 2、手机和电脑同时处于一个同一个局域网中(手机和电脑同时连上同一个wifi / 手机开热点给电脑 / 电脑开wifi给手机连接) 如果做到以上两点,那么恭喜你,就可以直接使用电脑ip在移动端访问 ...
这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...
在package.json中的dev属性中添加--host ip地址即可 访问方法: http://192.168.31.253:8080/#/seller 带二维码的浏览器手机直接扫描即可,不带二维码的浏览器 百度草料二维码直接把网址放进去生成二维码再扫描即可 ...
很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢? 我们拿vue来说, 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的,大家打开后应该会默认显示localhost ...