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 就写到这里吧!

准备回家~~

 

posted @ 2012-03-15 19:45  在那花开时节  阅读(2426)  评论(2编辑  收藏  举报