在电脑上为移动设备所设计的网页，如何方便的在 ios 设备上预览？

设备

网页

方便

17 replies • 2014-12-25 22:14:35 +08:00

66beta

Dec 25, 2014

1

装个apache/nodejs之类的服务器软件，局域网用IP访问

cxe2v

Dec 25, 2014

2

chrome F12里，可以模拟移动设备访问

missqso

OP

Dec 25, 2014

3

@66beta 是xampp那样的吗？谢谢啦！去试试！
@cxe2v 也谢谢你，之前看到了这个功能，不过想在手机上看，爽一点。：）

66beta

Dec 25, 2014

4

@missqso xampp行啊，只是组件太多是不是太浪费了

USCONAN

Dec 25, 2014

5

樓主是說這種實時預覽的效果咩？

COSTRENGTH

Dec 25, 2014

6

Chrome F12 +1

missqso

OP

Dec 25, 2014

7

@66beta 有更好的替代吗？

@USCONAN 倒不是这样，不要求实时，偶尔看一看就好了；

@COSTRENGTH 初学苦手啦，需要在手机屏幕上看一看安慰一下自己。。。

zq9610

Dec 25, 2014 via iPad

8

@USCONAN 这种要怎么实现呀？

lingyired

Dec 25, 2014

9

如果只是静态的。
http://www.getf5.com/
用这个工具，会创建一个服务器环境，局域网内可以通过 IP 访问。
这个工具还有个好处，就是可以实时刷新。

ratatata

Dec 25, 2014

10

项目根目录下 $ python -m SimpleHTTPServer 搞定，访问 localhost:8000 就可以了。
另外可以试试 browser-sync，用不同设备查看同一个页面，可以同步滚动操作什么的。

messagebus

Dec 25, 2014

11

Inspect

marcfizzy

Dec 25, 2014

12

codekit

hahaxo

Dec 25, 2014

13

http://adobe.com/go/edgeinspect

USCONAN

Dec 25, 2014

14

@zq9610 Adobe 的 Edge 系列的實時預覽

66beta

Dec 25, 2014

15

@missqso 前端开发的话，推荐nodejs+gulp的多设备自动刷新
新手建议用google的新手开发包 https://developers.google.com/web/starter-kit/

zinev

Dec 25, 2014

16

@lingyired 有没有Linux 下类似的工具？

lingyired

Dec 25, 2014

17

@zinev
Linux 下，可以借助 Sencha Cmd

安装 Sencha cmd

在代码目录下使用 sencha web start 也可以