iOS6 - удален консольный журнал для IPad - как использовать веб-инспектор на windows?
Итак, iOS6 вышел, хорра. Теперь кажется, что Apple удалила "Консоль разработчика", которая раньше существовала в Safari. Отлично, я слышу, как многие говорят - это было ограничено.
Но это работает на устройстве - теперь, очевидно, вам нужно подключить устройство к Mac, чтобы получить веб-инспектор?
Это единственный способ отладки с консоли? Есть ли способ отладки с windows, сафари? Обратите внимание, я не имею в виду просто изменение пользовательского агента, что вы можете сделать в Windows Safari - который не регистрирует сенсорные события - просто нажмите.
7 ответов
Если у вас нет Mac OSX, вы можете использовать этот скрипт в качестве замены консоли:
https://github.com/robotnic/waterbug
Он показывает сообщение об ошибке, можно регистрировать все виды переменных, вам нужно повернуть ваш iPhone или iPad на 90° вправо, чтобы открыть консоль.
Консоль отладки плохого человека:
try {
var test = document.do.something();
}
catch (exc) {
alert(exc);
}
Отладку на устройстве можно выполнять с помощью букмарклетов (особенно в Mobile Safari).
Отладка на устройстве может быть очень важной, если ошибка появляется только на устройстве, но больше нигде. Существует множество букмарклетов для разработчиков, поэтому выберите инструмент по вашему выбору (например, Firebug Lite), добавьте его в закладки и используйте его там, где вам нужно. Это может быть не консоль разработчика, но это метод отладки, более точный и ориентированный на работу.
Я написал пост в блоге о том, как использовать закладки в моем блоге (есть также список других распространенных инструментов тестирования и другие закладки):
ОБНОВЛЕНИЕ: Chrome выпустил свой Mobile DevTools, который значительно упростит отладку (только в Google Chome Mobile, только на устройствах Android). Это не исправит отсутствующую проблему DevTools в Safari, но может помочь обнаружить ошибки на устройстве:
- https://developer.chrome.com/devtools/docs/remote-debugging
- http://www.html5rocks.com/en/tutorials/developertools/mobile/
ОБНОВЛЕНИЕ 2: Mozilla выпустила дополнение Firefox для веб-разработки для браузеров и устройств: http://youtu.be/kEFbQwB81RE?t=1m58s
Посмотрите на Weinre. Это позволяет вам просматривать страницу, запущенную в Safari, с другого компьютера, используя Chrome-подобный веб-инспектор
You can use window.onerror
to debug errors without a console. Simply add this code to your HTML document in its own <script>
tag before any other Javascript code:
<script type="text/javascript">
window.onerror = function(e){
alert(e);
};
</script>
This will do so that whenever there is an error, the error message will be shown in an alert
dialog box, which is visible in iOS Safari. It's important that the above code runs before the error you're trying to debug, and if you're debugging a syntax error, it's also important that it's in a separate <script>
tag.
Похоже, встроенная консоль пропала. Я попытался подключиться к Windows 7, открыл Safari и не смог найти консоль разработчика. Затем я прочитал эту статью, которая подтвердила это.
Если вам нужно протестировать ваш сайт в обеих ориентациях, то Waterbug не является хорошим вариантом, потому что он использует альбомную ориентацию для своего вида консоли.
Одним из приличных вариантов является использование Adobe Edge Inspect. Вы открываете свой сайт в Chrome и открываете приложение на своем устройстве, и ваше устройство будет отражать любую страницу, открытую на вашем рабочем столе. Затем вы можете использовать инструменты разработчика Chrome для отладки вашего контента.
Вместо Safari в Windows вы можете использовать приложение от Telerik под названием AppBuilder. Я нашел инструкции в этом блоге. Вам нужно будет создать учетную запись, чтобы использовать Telerik Platform.
Это даст вам инструменты разработки, подобные тем, что есть в Safari. Я использовал его на 64-битной Win7 с обычными веб-приложениями и приложениями PhoneGap, работающими на iPad с iOS 7.1.
Как предложил Neno, Telerik AppBuilder - отличное приложение. На самом деле я использую Windows XP на виртуальной машине в Linux только для отладки своего iPhone. Windows XP, потому что в моем случае Windows 7 распознает iPhone, а iTunes и Telerik AppBuilder - нет.