Posted on 14 Jun 2015
调试手机端web页面
平台
ubuntu 15.04 x64 desktop
IP:192.168.1.5
准备
-
手机端: chrome for android
-
电脑端: chrome 43+
-
手机USB线
开启手机的调试模式
查找设备并调试
chrom -> menu -> more tools -> inspect devices
如上图所示, Che1-CL20 就是我的手机设备.这个时候打开手机上的chrome,然后返回 当前页面 刷新一下,就会出现以下页面.
此时你就可以在 open 前面的那个输入框中输入 你要测试的ip,就可以在手机上看到要测试的页面.
这里要说明下,上面提到测试的时候要输入ip,如果这个地方你想输入你在电脑上设置的虚拟域名也是可以的. 有两种方式实现:
-
android ROOT后,修改手机上的hosts文件,然后映射到电脑上设置的虚拟域名
-
局域网中搭建一台DNS服务器,然后在路由器 -> DHCP服务器中把DNS服务器的地址设置为局域网中的dns服务器地址,然后重启路由器.这样就不用在手机中修改hosts文件了.
注意: 要修改一下本机的dns,指定为局域网中的dns服务器地址.因为我是在本机中安装的dns服务器,所以dns地址设置为本机的ip即可.
$ sudo vi /etc/resolv.conf
nameserver 192.168.1.5
最终效果
安装并配置DNS服务器
$ sudo apt-get install bind9 bind9-doc dnsutils
在默认情况下,bind9是被配置为DNS缓存服务器来使用的.因此只要把DNS服务器地址加入转发列表就行.
$ sudo vi /etc/bind/named.conf.local
zone "novel.local" {
type master;
file "/etc/bind/db.novel.local";
};
zone "192.168.1.in_addr.arpa" {
type master;
file "/etc/bind/db.192.168.1";
};
$ sudo vi /etc/bind/name.novel.local
;
; BIND data file for local loopback interface
;
$TTL 604800
@ IN SOA novel.local. root.novel.local. (
2 ; Serial
604800 ; Refresh
86400 ; Retry
2419200 ; Expire
604800 ) ; Negative Cache TTL
;
@ IN NS novel.local.
@ IN A 192.168.1.5
*.novel.local 14400 IN A 192.168.1.5
$ sudo vi /etc/bind/db.192.168.1
;
; BIND reverse data file for broadcast zone
;
$TTL 604800
@ IN SOA novel.local. root.novel.local. (
1 ; Serial
604800 ; Refresh
86400 ; Retry
2419200 ; Expire
604800 ) ; Negative Cache TTL
;
@ IN NS novel.local.
134 IN PTR http://nvel.local
$ sudo vi /etc/bind/name.local.options
forwarders {
202.106.0.20;
};