How to debug HTML/CSS for iPhone/iPad performance?
I am creating a page that should work fine on both desktop and mobile.
On desktop I can use Chrome Developer Tool or Firebug to debug/adjust every details quite easily. But how do I make it perfect on mobile?
Is there anyway I can turn my Chrome to a iPhone-sized view?
Chrome's debug tools let you set the constraints of the page you're viewing.
- F12 / right-click [Inspect Element]
- Click the gear icon (bottom right)
[ ]Enable under Overrides
- Set your User Agent, Device Metrics, Geolocation and Device Orientation