怎么用手机测试电脑自己做的网页

Question

直接把文件夹发到手机然后打开index.html只有html的样式没有css和js的
不要在电脑端模拟的，百度搜索了好多可是我真的找不到方法，有人说ip访问或者需要搭一个 Apache 服务器，我都试不成功，很苦恼
不知道真正具体解决方法是什么，可以详细些帮我讲解下吗，真心请教

Answer 1

http://rj.baidu.com/soft/detail/10636.html?ald

下载它然后安装。

安装成功后打开软件。

浏览器输入

http://localhost/?phpinfo

会看到下面的图片

把你的项目文件放到DOCUMENT_ROOT的目录下

电脑浏览器输入http://localhost访问你的项目

在手机浏览器输入http://192.168.1.xx访问（你需要知道自己电脑的IP，差需要连接同一个路由）

如果访问不了，再问

Answer 2

分两种情况

---

PHP,ASP等动态网页

• 如果你的网页是php写的，必须有apache的sever让php能够跑起来，推荐APMserv
  下载地址
• 本地电脑上测试能正常跑
• cmd下获得计算机的ip地址
• 在手机上将你电脑上的locaohost部分改为你电脑的ip地址即可。

---

如果你的网页仅仅是html+css+js，推荐你个野路子，好用到不行

• 你下载个everthing
  > everthings 是一个很小很小的软件，搜索本地文件利器，就像搜百度一样搜索本地文件的工具。
• 打开该软件的选项，开启http服务器功能，注意可以设置端口号，用户名，密码等等。
• 手机访问电脑ip及端口号即可，如果设置了用户名密码，会弹出窗口，填写好即可。
• 手机就能访问电脑上的任意文件，当然包括你的那个html，你可以搜索你的你的文件名，直接访问即可，不用一个个目录进去找你的文件。

如果你有wifi最好，如果是笔记本，没有wifi，可以用360等软件将你的笔记本网卡虚拟为一个wifi，然后开启everthing的http功能，

以上功能还可以让你的电脑作为服务器，手机，ipad等可直接访问，电脑上电影，pdf，word。

Answer 3

手机不支持上图，怒上电脑回答你的问题。

假设你已经有一个本地运行的web服务器。如果你没有就不用看下面的步骤了，赶紧搜索下度娘，如何搭建本地开发环境，用PHP，很方便。

1. 按下window键 输入 cmd 回车，调出你的命令行窗口。
   
2. 输入ipconfig，找到你本地的IP地址。
3. 打开手机浏览器，输入你本地的IP地址，就可以访问你的web网页了。

如果你要抓包还可以进行下列设置。
4. 下载fiddle软件，
4. 进入你的手机，打开网络设置，找到HTTP代理，进入手动设置模式，填上你的IP地址，端口为8888。这样你就可以查看你手机发送和接收的数据了。

Answer 4

需要这么麻烦吗？
chrome不是可以模拟手机吗？

Answer 5

如果你有无线路由器，那么你可以让你的电脑和手机都连上路由器，然后手机通过无线局域网中电脑的IP访问电脑里的网站。

如果你没有无线路由，但你的电脑的无线网卡支持软AP，那就可以建立无线热点，手机连上热点后，通过访问网关IP来访问电脑上的网站。Windows可以用connectify建立AP热点，Linux可以用hostapd建立AP热点，比如在Ubuntu 14.04 快速创建无线接入点供移动设备连接：
http://my.oschina.net/eechen/blog/227230

如果开启了防火墙,注意开放对应端口,比如ufw:

sudo ufw allow 8080/tcp
php -S 192.168.0.1:8080 -t /www

然后手机就可以通过访问192.168.0.1:8080访问到电脑上/www下的网站了.

Answer 6

谷歌浏览器就直接可以模拟手机的，我做移动端都是在谷歌浏览器上做调试的

Answer 7

直接发到新浪云上去吧……

Answer 8

做网页，搭建环境是必须的，简单的可以去下载PHP和Apache，MySQL的集成安装环境，很简单。

Answer 9

如果你只是做web前端的话, 也就是只有html+css的静态网页,推荐你使用browser-sync,他内置一个服务器,在同一局域网下手机可以访问,不在同意局域网稍微有点麻烦,需要ip映射,而且这玩意儿还有一个好处,只要他监控的文件改变了(css,html,js都是可以的), 他都会自动刷新网页.

Answer 10

http-server

Answer 11

仅仅是静态代码不推荐PHP之类的工具

可以使用npm装一些简单的命令行工具http-server、serve等等，使用方便，无需配置...

Answer 12

在电脑上可以模拟的，谷歌浏览器，右键，审查元素，然后下面左上角有个小手机图标，点击即可。可以选择什么样的设备，也可以选择什么样的网络环境。

Answer 13

nodejs 搭建的 weinre 支持各种设备，不区分 ios android ，pc 搭一个server ，在同个局域网内的所有移动设备都能访问，还能审查手机上的dom元素，还能修改 手机上的 dom ！很强大

Answer 14

装个WampServer或者其他的集成环境，然后用IP访问即可。虽然有点大材小用~

Answer 15

用chrome就行

Answer 16

可以使用HBuilder，它能生产出一个二维码，用手机扫描就可以了

Answer 17

目测只是编写了html的代码，并没有部署出来，可以尝试用APMserv这个软件试试，本人觉得这软件比较简单，可以百度一下如何使用。当在电脑上部署并且可以在网页访问之后，可以用同一个内网的手机输入电脑的ip和端口等访问网页。当然，也有不用手机的方法，也不需要部署，可以直接使用chrome浏览器，按f12，左上角有一个手机样式的按钮，就是变成手机浏览模式。

Answer 18

live-server 在本地对应的文件夹下起服务，定义入口，访问