Geek asks and answers

How to troubleshoot websites on ipad?

so I have a site that I haven’t done yet ( eklinik ), and its hacks on the iPad (iOS in general) ... Things like the footer do not remain fixed, there is an additional addition on the right, a div, which should be 100% of the width / heights, no, and so on ...

Now I don’t ask anyone else to clear my mess (despite how good the thing will be), but I ask how can I start troubleshooting the website on the iPad ...? For desktop browsers, I can always open dev tools and see what breaks where ...

I don’t own a Mac system, I have an iPad, though ... The Dev console on the iPad only looks for JS errors (mostly) and shows nothing ...

Any suggestions will help ... Thanks ...

PS. The site will be launched only in the latest browsers:

  • Chrome 12+
  • Firefox 4+
  • Opera - 11 +
  • IE 9+ (only)
  • Safari 5+

If you're feeling generous and want to point out errors (optional), that I could do with the possible solutions (optional optional), then feel free to leave me a line - abhishek@live.com.my ... : -)

+3
source share
4 answers

The question is old, but this is a good solution for this:

Adobe shadow

+3
source

Recently, I had quite a few clients who wanted their sites to be “mobile compatible,” and Firebug Lite is the best solution for checking code / css on iPad: http://getfirebug.com/firebuglite

, javascript , html (. ).

iPad-, : http://osxdaily.com/2011/12/02/run-firebug-on-ipad-or-iphone/

, . , , ( "" "" ), , .

, , . viewport? 960 , div, : 100%, iPad, iPad 600 . , : 100% - 600 960 . 960 , iPad Safari : ", 960px ( 600px)" .

, !

+2

weinre , iPad, .

0

, , , iPad Android "" ...

About javascript errors that you should of course avoid and fix, are you using jQuery or any other internal js browser structure? if not, then you should! :)

-2
source

More articles:


All Articles