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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3648 天前的主题，其中的信息可能已经有所发展或是发生改变。

新手来问，谢谢各位。。

设备

网页

方便

17 条回复 • 2014-12-25 22:14:35 +08:00

66beta

2014-12-25 16:41:04 +08:00

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

cxe2v

2014-12-25 16:42:12 +08:00

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

missqso

2014-12-25 16:45:30 +08:00

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

66beta

2014-12-25 16:47:04 +08:00

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

USCONAN

2014-12-25 17:02:09 +08:00

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

COSTRENGTH

2014-12-25 17:14:11 +08:00

Chrome F12 +1

missqso

2014-12-25 17:17:59 +08:00

@66beta 有更好的替代吗？

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

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

zq9610

2014-12-25 17:21:02 +08:00 via iPad

@USCONAN 这种要怎么实现呀？

lingyired

2014-12-25 17:23:48 +08:00

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

ratatata

2014-12-25 17:29:51 +08:00

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

ccbikai

2014-12-25 17:33:19 +08:00

Inspect

marcfizzy

2014-12-25 17:37:22 +08:00

codekit

hahaxo

2014-12-25 17:44:22 +08:00

http://adobe.com/go/edgeinspect

USCONAN

2014-12-25 17:58:56 +08:00

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

66beta

2014-12-25 18:13:41 +08:00

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

zinev

2014-12-25 19:34:51 +08:00

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

lingyired

2014-12-25 22:14:35 +08:00

@zinev
Linux 下，可以借助 Sencha Cmd

安装 Sencha cmd

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