css - 如何调试 iphone 5 中的 css 问题(ui 问题)？

Question

我想知道如何调试 iphone 5 中的 css 问题。

我尝试使用 firelite 插件。但是从纵向旋转到横向时，火石占据了整个屏幕。

有没有其他方法可以调试 iphone 5 中的 css 问题？

Answer 1

来自 Apple's developer documentation :

With Safari on iOS 6 and later, you can debug your mobile web content from your Mac. You can view JavaScript errors, edit HTML attributes, change CSS properties, and more—just as you would when developing for Safari on OS X. This chapter describes how to use Web Inspector to debug web content on iOS.

You should test your web content on both the desktop and various iOS devices. If you do not have iOS devices for testing, you can use iOS Simulator in the iOS SDK. Because there is a difference between web browsing on iOS and OS X, you should specifically test your content on iPhone and iPad or emulate the hardware device in Simulator. When testing in Safari on any platform, you can use Web Inspector to debug your web content.

For more tips on debugging web content in Safari, read Safari Developer Tools Guide. Read the section “Changing the User Agent String” in Safari Developer Tools Guide to learn how to simulate iPhone- and iPad-like behavior in Safari on OS X.