如何用手机测试本地开发的项目？

1在电脑上开启一wifi 手机连接开启好的wifi.

2在电脑上windows+r 打开cmd窗口 输入命令行ipconfig 如下图所示

3输入ipconfig后出现如下图所示页面 查看电脑ip地址

4在手机上输入电脑本地项目的地址，我这里随便输入一个

localhost:8080/jingdong/hope/shopindex.html#/tab1

然后把“localhost”替换成电脑的ip地址，这里我输入的是我自己电脑的

172.16.1.34:8080/jingdong/hope/shopindex.html#/tab1

5把电脑防火墙关掉否则手机无法打开电脑上的项目

到这里就大功告成了

时间： 2024-10-15 02:53:02

如何用手机测试本地开发的项目？的相关文章

客户端发现_观影团活动页面开发与客户端新版跳转测试页面开发项目总结

   这一周过的是我理想的实习状态,手头有项目则忙项目,没项目则提高基础技能.那么下面来看看这周做的活动页面效果吧. 项目介绍 (一)．观影团活动页面的开发 本项目页面的开发基本都是用之前用过的技术,不同之处在于乐帝之前的开发处于懵懂状态,现在回头看还是有些许的提高,对页面每一行代码都知道来龙去脉,弹出窗.对齐.居中布局都从本周阅读<前端开发修炼之道>有了更深层次的认识.css对齐与居中布局都不是单独属性完成的,而是有关联及触发的,而之前写页面不理解的恰恰是属性间的触发关系. 这里拿弹出窗的构

手机上访问angular移动项目

要实现手机访问本地开发的移动端项目,首先做到两点: 1.本地打开的项目可以使用本地ip访问 2.手机和电脑同时处于一个同一个局域网中(手机和电脑同时连上同一个wifi / 手机开热点给电脑 / 电脑开wifi给手机连接) 如果做到以上两点,那么恭喜你,就可以直接使用电脑ip在移动端访问了. 因为现开发项目是angular + ionic项目,所以以下设置及开发均以angular项目为基础进行设置.下面先来解决第一个难题: 一.angular项目配置可同时使用localhost和本地ip访问,步骤

如何用手机进行本地前端调试

在做前端开发时需要进行真机测试和调试,除了进行远程调试,我们能不能在本地就实现手机调试呢? 一般我们会用chrome来模拟移动设备显示效果,但还是有很多情况到了移动设备上才会出现.所以在进行响应式开发时,最好应该先进行移动设备真机调试. 先说明一下我的环境:Win 10 + Android手机 + chrome(desktop&app) 第一步:连接电脑与手机 1. 手机打开“开发者选项” 安卓手机进入“设置”—>“关于手机”—> 在“版本号”上点7次(或其他的版本号位置,一个个试肯定

Cocos2d-x手机游戏开发与项目实践具体解释_随书代码

Cocos2d-x手机游戏开发与项目实战具体解释_随书代码 作者:沈大海  因为原作者共享的资源为UTF-8字符编码.下载后解压在win下显示乱码或还出现文件不全问题,现完整整理,解决全部乱码问题,供大家下载. 下载地址:http://download.csdn.net/detail/oyangyufu/7665049

iOS开发查看手机app本地存储的文件

开发过程中,有时会在本地存储一些文件,但是我们不确定有没有存上,可以通过以下方法来查看测试手机上本地存储的文件: 1.选择xcode上面的window下面的Devices 2.先在左边选中你当前的设备,然后在右下角选择你要查看的app,点击下面的齿轮按钮,选择下载,就能得到你要看的app当前沙盒里存储的文件了. 具体操作看下图

Cocos2d-x手机游戏开发与项目实践详解_随书代码

Cocos2d-x手机游戏开发与项目实战详解_随书代码 作者:沈大海  由于原作者共享的资源为UTF-8字符编码,下载后解压在win下显示乱码或还出现文件不全问题,现完整整理,解决所有乱码问题,供大家下载. 下载地址:http://download.csdn.net/detail/oyangyufu/7665049 Cocos2d-x手机游戏开发与项目实践详解_随书代码

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在. 这个时候,有两种方案可以比较快的解决: 1.利用h5的特性,使用cors,在ngnix服务器上设置header:Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域. 2.在我们的本地开发服务器上设置代理. 这里主要介绍使用vue-cli创建项目后,怎样配置本地服务器的代理,成功通过本地服务器代理请求数据的解决方案. 解决方案 进入config/

Expo大作战--针对已经开发过react native项目开发人员有针对性的介绍了expo，expo的局限性，开发时项目选型注意点等

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo依赖,对expo的研究断断续续,一路走来将近10个月,废话不多说,接下来你看到内容,讲全部来与官网 我猜去全部机翻+个人修改补充+demo测试的形式,对expo进行一次大补血!欢迎加入expo兴趣学习交流群:597732981 [之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里查看:从零学习rn开发] 相关文章: Expo大作战--什么是expo,如何安装expo clinet和xde,xde如何

Storm使用入门之本地开发环境搭建

本篇博文详细告诉你如何安装Storm的本地开发环境,总体分为两步,具体如下: 1.从官网上下载Storm的发布包,下载完成后将其解压,并将解压后的bin目录添加到环境变量(PATH)中,以方便后续执行Storm的相关命令 2.修改Storm的配置文件(storm.yaml),主要是按照实际情况更新配置文件中的集群信息,然后将修改后的配置文件添加到目录(~/.storm/)中,目的是为了后续能够远程启动和停止集群上的计算任务(即topology) 接下来,咱们来详细地介绍每一个操作步骤. 首先,何