IOS6 - удаленный консольный журнал для IPad - как использовать веб-инспектор на окнах?

Итак, iOS6 отсутствует, horrah. Теперь кажется, что Apple удалила "Консоль разработчика", которая раньше существовала в Safari. Отлично, я слышал, как многие говорят - это было ограничено.

Но он работает на устройстве - теперь, видимо, вам нужно подключить устройство к Mac для получения веб-инспектора?

Это единственный способ отладки с консоли? Есть ли способ отладки с окнами, сафари? Обратите внимание: я не имею в виду просто изменение пользовательского агента, который вы можете сделать в Safari Windows, - который не регистрирует события касания - просто нажмите.

ОТВЕТЫ

Ответ 1

Если у вас нет Mac OSX, вы можете использовать эту script как консольную замену:

https://github.com/robotnic/waterbug

Здесь отображается сообщение об ошибке, можно записывать все переменные, вы должны повернуть свой iPhone или iPad на 90 ° вправо, чтобы открыть консоль.

Ответ 2

Можно отлаживать на устройстве, используя букмарклеты (особенно в Mobile Safari).

Отладка на устройстве может быть очень важной, если на устройстве появляется сообщение об ошибке, но нигде больше. Для разработчиков существует множество букмарклетов, поэтому выберите инструмент по вашему выбору (например, Firebug Lite), добавьте его в закладки и используйте его прямо там, где вам это нужно. Возможно, это не Консоль разработчика, но это метод для отладки гораздо более точной и ориентированной на работу.

Я написал blogpost о том, как использовать букмарклеты на моем веб-блоге (есть также список других распространенных инструментов тестирования и дальнейших букмарклетов):

UPDATE: Chrome выпустил свой Mobile DevTools, который упростит отладку (в Google Chome Mobile, Android Devices). Это не устранит недостающую проблему DevTools в Safari, но может помочь обнаружить ошибки на устройстве:

UPDATE2: Mozilla выпустила надстройку Firefox, чтобы включить веб-разработку в браузерах и устройствах: http://youtu.be/kEFbQwB81RE?t=1m58s

Ответ 3

Посмотрите на weinre. Это позволяет вам проверять страницу, запущенную в Safari, с другого компьютера с помощью веб-инспектора, подобного Chrome.

Ответ 4

Убойная консоль отладки:

    try {
        var test = document.do.something();
    }
    catch (exc) {
        alert(exc);
    }

Ответ 5

Похоже, что встроенная консоль исчезла. Я попытался подключиться к Windows 7 и открыл Safari и не смог найти консоль разработчика. Затем я прочитал эту статью, которая подтвердила это.

Если вам нужно проверить свой сайт в обеих ориентациях, то waterbug не является хорошим вариантом, потому что он использует ориентацию ландшафта для своего консольного представления.

Один достойный вариант - использовать Adobe Edge Inspect. Вы открываете свой сайт в Chrome и открываете приложение на своем устройстве, и ваше устройство будет отображать любую страницу, которую вы открыли на своем рабочем столе. Затем вы можете использовать инструменты Chrome dev для отладки вашего контента.

Ответ 6

Вместо Safari в Windows вы можете использовать приложение Telerik под названием AppBuilder. Я нашел инструкции на этот блог. Вам нужно будет получить учетную запись, чтобы использовать платформу Telerik.

Это даст вам инструменты, подобные тем, которые есть в Safari. Я использовал его на 64-битной версии Win7 с обычными веб-приложениями и приложениями Phonegap, работающими на iPad с iOS 7.1.

Ответ 7

Как и neno, Telerik AppBuilder - отличное приложение. Я фактически запускаю Windows XP на виртуальной машине в Linux только для отладки моего iPhone. Windows XP, потому что в моем случае Windows 7 действительно распознает iPhone, но iTunes и Telerik AppBuilder этого не делают.