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

2014-12-25 16:36:30 +08:00
 missqso
新手来问,谢谢各位。。
2448 次点击
所在节点    问与答
17 条回复
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
@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
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 也可以

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/156652

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX