Как отладить Internet Explorer в Windows Phone 7?

Question

Я не разработчик Windows Phone, и я хочу как можно меньше делать что-либо, связанное с Microsoft.Тем не менее, мне нужно, чтобы мое мобильное веб-приложение работало правильно на Windows Phone 7. Какие инструменты отладки доступны для платформы?Что-то вроде инструментов разработчика Webkit или Firebug было бы идеальным, либо с самого телефона, либо, что более вероятно, для удаленной отладки с моего компьютера.

Если такого не существует, я бы согласился на возможностьчитать сообщения об ошибках Javascript и просматривать содержимое переменных, используя alert() или аналогичный.На данный момент все, что я знаю, это то, что мой JS выходит из строя: я не знаю, где и почему, не говоря уже о том, как это исправить.

Мой компьютер с ОС OS X работает, и мне бы очень хотелосьчтобы иметь возможность использовать эти инструменты из OS X, если это возможно.Предполагая, что средства отладки существуют (что я действительно надеюсь, что они делают), они предназначены только для Windows?Если так, кто-нибудь знает, насколько хорошо они будут работать с Wine или аналогичным?

EDIT : у меня есть физическое устройство Windows Phone 7, так что я могу использовать это,Тем не менее, alert(), похоже, не работает, поэтому я публикую этот вопрос.alert() нормально работает в браузере WP7?

Answer 1

Вероятно, вы найдете Mobile Perf Bookmarklet как самый простой универсальный инструмент для тестирования любого мобильного устройства.

В моем тестировании пока хорошо работает на iPhone / iPad / Samsung Galaxy Tab.

Цитата:

В нем отображается меню со ссылками, которые загружают другие закладки, включая Firebug Lite, ресурсы страницы, DOM Monster, SpriteMe, CSSess и Zoompf.

Answer 2

Просто хотел добавить примечание, чтобы сказать, что полная отладка JavaScript теперь возможна с Windows Phone 8.1 и Visual Studio 2013 Update 2. Полная информация доступна по адресу:

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx

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

Answer 3

может быть интересно следующее

Простой инструмент отладки IE для Windows Phone

Поддержка

• Обход HTML
• Html-стили узлов, свойства, метрики
• Чтение вывода консоли
• Выполнение js на стороне устройства из консоли (включая intellisense)
• Динамическое внедрение скрипта - возможность отладки живых сайтов

Не поддерживается

• js точки останова

Answer 4

Если у вас нет устройства Windows Phone 7, вам нужно будет запустить Windows в BootCamp и установить Windows Phone Developer Tools , чтобы протестировать IE в эмуляторе. Я не знаю насчет Whine, но я столкнулся с серьезными проблемами при тестировании в Parallels - поэтому, основываясь на своем опыте, я предлагаю сделать его как можно более простым.

В IE нет консоли на телефоне, поэтому вам нужно будет использовать оповещение, как вы предлагали, или просто написать текст в div на своей странице в качестве настраиваемой консоли.

Если вы действительно хотите кодировать в OS X (что я определенно понимаю), то лучше всего использовать отдельную машину для тестирования IE в эмуляторе WP7.

РЕДАКТИРОВАТЬ: Я только что проверил оповещение, и оно отлично работало на моем Windows Phone. Я предполагаю, что синтаксическая ошибка не позволяет ему вызывать.

Answer 5

Я использую этот хак, чтобы console.log отправлял информацию обратно на сервер (он использует window.fetch, который я заполняю, но вместо этого мог бы использовать xhr) https://gist.github.com/wheresrhys/bf93057ee3a594454582

Answer 6

Что-то, что мне помогло, это протестировать мои мобильные страницы через встроенный браузер Internet Explorer в Windows Vista. Он поставляется с отладчиком сценариев (который необходимо включить на вкладке «Дополнительные параметры» в меню «Свойства обозревателя»), и кажется, что он очень близок к реализации Internet Explorer Mobile.

Еще один совет: вместо использования window.alerts вы также можете использовать document.write или установить вывод для содержимого div.