html5开发调试
公司项目项目转型到html5 已经有段时间,在这里开发也有段时间了,很多时候在pc浏览器和 手机浏览器的效果不一样,所以我们需要实时浏览。
方法
第一个问题是我们要通过移动设备去访问自己开发的网页。
在自己电脑上安装一个服务器:apache 或者 iis
如果你会配置他们 下面的飘过
======安装apahce =========================
安装apahce
到官网 下载apache 安装
可能会出现安装失败的情况,失败一般有两种情况,一个是端口被占用,或者路径错误;
端口错误:
用dos命令查看端口进程号,再比对任务进程号就可以查出。
C:\Documents and Settings\Administrator>netstat -ano
Active Connections
Proto Local Address Foreign Address State PID
TCP 0.0.0.0:80 0.0.0.0:0 LISTENING 3676
TCP 0.0.0.0:135 0.0.0.0:0 LISTENING 1592
TCP 0.0.0.0:445 0.0.0.0:0 LISTENING 4
C:\Documents and Settings\Administrator>tasklist
映像名 PID 会话名 会话# 内存使用
========================= ====== ================ ======== ============
iexplore.exe 5300 Console 0 43,252 K
Thunder5.exe 3676 Console 0 14,220 K
conime.exe 5840 Console 0 4,616 K
找到占用80端口的程序结束它就ok了 ;
有时候不能结束占用80端口的程序那就之后又修改apache的端口了;
在apache安装路径下 c:**\Apache2.2\conf 找到 httpd.conf 文件,
用文本编辑器打开
找到Listen 80 修改Listen 8888
为你自己需要的端口,
修改 DocumentRoot 为你html5开发工程目录;
修改ServerName 192.168.20.111:8888 (你的地址:端口号);
重启apahce 在手机浏览器输入192.168.20.111:8888 就可以访问了。
=======如果是IIS====================================
================================================
本地文件服务器就搞定了 当然也可放到tomcat里面
下面介绍一种页面调试工具
Weinre
它可以实时调试你在手机上的网页
找到一篇比较详细的 blog (我就不再这里码字了,多亏了这个解决了我们项目中的很多问题~~~);
打包成native app 的也可以调试的哦~
===========
个人觉得先用pc 浏览器搭好框架,然后用真机测试修复细小的bug
不推荐模拟器
ok 就写到这里吧!
准备回家~~