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

[ayang23]

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

[wenbinwu]

xcode

[little_cup]

xcode+1

[ayang23]

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

[wenbinwu]

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

[lanceli]

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

[ayang23]

@lanceli 这个很爽，thanks

[romoo]

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

[spark]

Safari +1

[Sivan]

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

[luin]

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

[ayang23]

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

[kfll]

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

另外 Chrome 能设置页面 viewport 宽高

[xiaogui]

@ayang23 搜下 opera mobile emulator

[FuryBean]

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

[ayang23]

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

[hzlzh]

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