Как диагностировать сайты на ipad?

Question

так что у меня есть сайт, который еще не готов ( eklinik ), и он ломается на iPad (iOS вообще) ... Такие вещи, как нижний колонтитул, не остаются неизменными, есть дополнительныеотступая вправо, div, который должен иметь ширину / высоту 100%, и т. д. и т. д. ...

Теперь я не прошу кого-то еще убирать мой беспорядок (несмотря на то, как хорошо, что это может быть), но я спрашиваю, как я могу начать устранение неполадок веб-сайта на iPad ...?Для настольных браузеров я всегда могу вызвать инструменты разработки и посмотреть, что там ломается ...

У меня нет системы на базе Mac, хотя у меня есть iPad ... Консоль Dev в iPadищет только ошибки JS (в основном) и ничего не показывает ...

Любые предложения помогут ... Спасибо ...

PS.Сайт будет работать только на последних браузерах:

• Chrome 12 +
• Firefox 4 +
• Opera - 11 +
• IE9+ (едва)
• Safari 5 +

Если вы чувствуете себя щедрым и хотите указать на ошибки (необязательно), которые я мог сделать, наряду с возможными решениями (опционально)опционально), тогда не стесняйтесь, напишите мне - abhishek@live.com.my ...: -)

Answer 1

Вопрос старый, но для этого пришло хорошее решение:

Adobe Shadow

Answer 2

Недавно у меня было довольно много клиентов, которые хотели, чтобы их сайты были «совместимы с мобильными устройствами», и лучшим решением для проверки кода / CSS на iPad является Firebug Lite: http://getfirebug.com/firebuglite

Я полагаю, что вы можетезагрузите и включите JavaScript на своем сайте, а затем автоматически включите его, используя простой атрибут в теге html (дополнительную информацию см. в их документах).

Вы также можете установить букмарклет в закладки iPad, используя этот метод.здесь: http://osxdaily.com/2011/12/02/run-firebug-on-ipad-or-iphone/

Я использую его с помощью метода bookmarklet, и он работает.К сожалению, по нему немного сложно ориентироваться, потому что он не очень хорошо справляется с сенсорным управлением (у него возникают проблемы при различении «зависания» и «щелчка»), но это лучше, чем ничего.

Относительно вашегоНа самом деле это звучит похоже на проблему, с которой я недавно столкнулся на одном из моих сайтов.Вы установили свой тэг вьюпорта?если ваш сайт обычно имеет ширину 960 пикселей и у вас есть div, использующий ширину: 100%, на iPad это будет выглядеть неправильно, потому что окно на iPad технически имеет ширину всего 600 пикселей.Таким образом, браузер считает ширину: 100% - это 600 пикселей вместо 960 пикселей или больше.Если вы установите область просмотра на 960px, то iPad Safari скажет: «О, у меня окно браузера должно быть 960px (вместо 600px)» и соответственно изменит размер.

Надеюсь, это поможет!

Answer 3

Я использую weinre для тестирования на мобильных устройствах, а не только на iPad, и это творит чудеса.

Answer 4

Если вы тщательно тестируете на своем компьютере и браузер Chrome и Safari, пока не получите стабильных результатов, я ожидаю, что планшет iPad или Android будет отображаться "почти" одинаково ...

Об ошибках JavaScript, которые вы должныКонечно, избегайте и исправляйте их, используете ли вы jQuery или какую-либо другую кросс-браузерную среду js?если нет, то вы должны!:)