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

设备

网页

方便

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

1

66beta

Dec 25, 2014

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

2

cxe2v

Dec 25, 2014

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

3

missqso

OP

Dec 25, 2014

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

4

66beta

Dec 25, 2014

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

5

USCONAN

Dec 25, 2014

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

6

COSTRENGTH

Dec 25, 2014

Chrome F12 +1

7

missqso

OP

Dec 25, 2014

@66beta 有更好的替代吗？

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

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

8

zq9610

Dec 25, 2014 via iPad

@USCONAN 这种要怎么实现呀？

9

lingyired

Dec 25, 2014

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

10

ratatata

Dec 25, 2014

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

11

ccbikai

Dec 25, 2014

Inspect

12

marcfizzy

Dec 25, 2014

codekit

13

hahaxo

Dec 25, 2014

http://adobe.com/go/edgeinspect

14

USCONAN

Dec 25, 2014

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

15

66beta

Dec 25, 2014

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

16

zinev

Dec 25, 2014

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

17

lingyired

Dec 25, 2014

@zinev
Linux 下，可以借助 Sencha Cmd

安装 Sencha cmd

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