如何在Mac里调试网页在 iPhone 的显示效果？

V2EX = way to explore

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

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

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

用手机调试嫌麻烦，要是能在safari或chrome里调试就好多了

调试

Safari

iPhone

16 条回复 • 1970-01-01 08:00:00 +08:00

wenbinwu

2013-06-18 15:22:12 +08:00

xcode

little_cup

2013-06-18 15:26:06 +08:00

xcode+1

ayang23

2013-06-18 15:38:37 +08:00

@wenbinwu 刚试了下可以，不过xcode开模拟器必须新建一个ios项目吗？还有就是这个方法能不能用html/css检查器？三指触摸才能滚动也不是很爽。

wenbinwu

2013-06-18 15:42:36 +08:00

@ayang23 这个我没深入研究过，只是用来看样子:p 看看别人怎么说

lanceli

2013-06-18 15:49:08 +08:00

iOS Simulator + Safari
http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarion iPhone Content/DebuggingSafarion iPhone Content.html

ayang23

2013-06-18 16:30:08 +08:00

@lanceli 这个很爽，thanks

romoo

2013-06-18 16:36:37 +08:00

Chrome 的 Developer Tools，把 User Agent 改成 iOS。

spark

2013-06-18 16:55:06 +08:00

Safari +1

Sivan

2013-06-18 17:19:30 +08:00

感觉直接用手机的 Safari 调试挺方便的啊，可以直接在开发工具改手机中的效果。

luin

2013-06-18 17:21:42 +08:00

在iOS Simulator里打开Safari，然后在OS X的Safari中可以打开inspector调试

ayang23

2013-06-18 17:49:15 +08:00

@Sivan
@luin 用了一下，这个果然很方便，谢谢

kfll

2013-06-18 17:56:37 +08:00 via iPhone

iOS 6
Safari Mobile 设置中的 Web 调试器打开
连上 Mountain Lion
Safari 开发菜单中能看到自己的手机

另外 Chrome 能设置页面 viewport 宽高

xiaogui

2013-06-18 22:16:08 +08:00

@ayang23 搜下 opera mobile emulator

FuryBean

2013-06-18 23:16:14 +08:00

@ayang23 开模拟器只需要在XCode的Dock图标上右键->Open Develper Tools->iOS Simulator，不需要新建项目。

ayang23

2013-06-18 23:20:47 +08:00

@kfll
@xiaogui
@FuryBean 多谢，你们给的方法都很给力，另外，我查到可以给ios simulator这个程序建一个链接，直接打开。

hzlzh

2013-06-18 23:21:49 +08:00

除了楼上的模拟器方法，也可以试试safari的联动真机调试。
http://zlz.im/how-to-use-ios-safari-remote-debug-tools/