2017-01-20 5 views
0

Перед тем, как рассказать о моем вопросе, я новичок и просто хочу указатель. Я написал простой Javascript-код, который будет работать на разных Desktop и на мобильных телефонах.Тест Javascript в мобильном браузере

Для рабочего стола я могу просто открыть консоль браузера и проверить свой код Javascript. Но как я могу тестировать мобильные устройства. Мой код в основном не работает для мобильных устройств, которые я могу выяснить, когда проверяю агент пользователя.

Вот простой фрагмент кода, который извлекает слова из веб-страницы.

function countWords() { 
    try { 
     if (top.document && top.document.querySelector("body")) { 
      var _body = top.document.querySelector("body"); 
      var words = _body.textContent || _body.innerText; //For old firefox, innerText does not work 

      if (words) { 
       words = words.replace(/\n/g,''); 
       var filteredWords = words.match(/\S+/g); 
       if (filteredWords && filteredWords.length > 0) { 
        userDetail.wordCount = filteredWords.length; 
       } 
      } 
     } 
    } catch (err) { 
     processError("countWords", err); 
    } 
} 

Этот код не работает на мобильных устройствах.

+0

Первое, что я хотел бы сделать, это посмотреть на жасмин или мокко, которые они тестируют в рамках фреймворков, будет решать многие ваши проблемы с JS. Второй для OSX вам нужен Mac, но вы можете запустить устройство, подключенное к нему в режиме отладки, и получить консольный журнал. <- его примерно то же самое, я бы искал режим отладки Android при подключении USB. И, наконец, я бы переключился на машинопись, ее легко подобрать, и вы сразу же узнаете, когда возникнут проблемы. – Paddy

ответ

0

Чтобы отладить код Javascript (или просто материал для браузера в целом), вам нужна ОС X и устройство iOS (вы должны быть в состоянии сделать то же самое с iOS Simulator, но я не смог заставить его работать, и я в основном использую устройство для отладки материала, поэтому не удосужилось понять это). В приложении IOS есть функция подключения веб-инспектора к окну вашего браузера.

Чтобы включить его:

  1. устройств -> Настройки -> Safari -> Advanced -> Enable Web Inspector
  2. OS X -> Safari -> Разработка (верхняя панель) -> Выберите устройство из выпадающее меню -> Выберите приложение, использующее JS-код.

Веб-инспектор должен появиться, если все в порядке. Оттуда вы сможете отлаживать свой JS-код.

EDIT:

Это для отладки IOS устройств (полезно, если вы хотите поддерживать мобильную Webkit).

1

Как уже упоминалось выше, вы можете использовать макинтош и устройство IOS, другой вариант удаленной отладки для Android Если вы хотите идти по этому пути - https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

Это очень удобно и легко получить ваши руки на

+0

Я уже знаю об удаленной отладке. Включение удаленной отладки, вкладка проверки, которая открывается, находится на рабочем столе Chrome. Мы не знаем, какие функции поддерживаются в Mobile. Мой фокус в мобильном. – Juvenik

Смежные вопросы