有时候想在自己手机上预览一下开发中网页的效果,就需要使用真机调试,用chrome自带的调试功能是很好的方法,但有时候需要适配一些小众的手机屏幕,这时用chrome就不方便了,下面说一下如何在手机上进行网页预览。 1.手机和电脑连同一个WiFi 注意,这里的WiFi不是指手机连上电脑的热点 ...
要实现手机访问本地开发的移动端项目,首先做到两点: 本地打开的项目可以使用本地ip访问 手机和电脑同时处于一个同一个局域网中 手机和电脑同时连上同一个wifi 手机开热点给电脑 电脑开wifi给手机连接 如果做到以上两点,那么恭喜你,就可以直接使用电脑ip在移动端访问了。 因为现开发项目是angular ionic项目,所以以下设置及开发均以angular项目为基础进行设置。下面先来解决第一个难题 ...
2019-09-14 10:15 0 562 推荐指数:
有时候想在自己手机上预览一下开发中网页的效果,就需要使用真机调试,用chrome自带的调试功能是很好的方法,但有时候需要适配一些小众的手机屏幕,这时用chrome就不方便了,下面说一下如何在手机上进行网页预览。 1.手机和电脑连同一个WiFi 注意,这里的WiFi不是指手机连上电脑的热点 ...
使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。 如果想看真机环境,又不想build到线上。 webpack能配置电脑本地内网环境指向公网访问的! 1、打开项目的package.json文件,修改里面的script里面的dev ...
很多时候我们需要在真机上调试,进行代码的维护修改,如何在手机上查看呢? 我们拿vue来说, 1.在vue的config/index.js文件中我们可以看到项目启动的一个端口号 上图域名是我进行修改后的,大家打开后应该会默认显示localhost ...
1.电脑和手机要连同一个wifi 一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址: 查找方法:windows+r 然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig 然后回车 你会看到一个ipv4的地址。复制这个地址 ...
这几天开发项目时,遇到一个问题:同一个局域网内的其他机子访问不到自己电脑上tomcat中的项目,ip可以ping通,但是加上端口号和项目名就不行了。发现这个问题是由于本机上的防火墙造成的,但是又不好将防火墙直接关掉(在服务器上这扬操作是危险的,不提倡),所以就采取了以下操作(window7系统 ...
这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...
项目在浏览器中和手机上的实时预览有一定的差别,下面介绍如何在移动端预览Vue项目: 步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP; 步骤二: 将ipv4地址复制下来 ---> 192.168.x.x 步骤三: 打开想要预览的项目所在文件夹 ...
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 ...