Схема отладки и проверки при разработке мобильного терминала

внешний интерфейс JavaScript
Схема отладки и проверки при разработке мобильного терминала

Мало знаний, большой вызов! Эта статья участвует в "Необходимые знания для программистов«Творческая деятельность.

Эта статья также участвует "Проект "Звезда раскопок""  , чтобы выиграть творческие подарочные пакеты и бросить вызов творческим поощрениям

Отладочная проверка

Симулятор не может заменить настоящую машину~ По крайней мере, он не должен имитировать челку~

image.png

Итак~ ​​Когда мы делаем веб-сайт, мы можем использовать статус симулятора в качестве эталона, но после его завершения нам все равно нужно пройти тест на реальной машине.Есть ли какие-либо проблемы~ Итак, как протестировать и запустить веб-сайт? мобильный телефон для тестирования?

Шаги обнаружения

  1. скачатьXAMPP:источник forge.net/projects/Think...Но скачивается очень медленно.Если скачиваете самостоятельно, то рекомендуется использовать Thunder (я скачал и сказал, что это займет день!!)

    XAMPPэто программное обеспечение, которое объединяет множество функций, здесь мы используемApacheМодуль, это программное обеспечение веб-сервера, его функция заключается в том, чтобы позволить другим устройствам вводить свой адрес в браузере, он может отправлять соответствующие файлы веб-страницы и мультимедийные файлы в браузер.(注意连接同一个网络)

  2. установить: открыть

  3. оказатьсяApacheнажмитеstartЗапустить службу

    image.png

Уведомление:

На этом шаге могут возникнуть некоторые ошибки, и такой текст будет предложен ниже.

image.png

  1. Вообще говоря, причина в том, что порт занят другими программами, просто модифицируйте порт, модифицируйте порт:

    файл httpd-ssl.conf

    все 443 => 444 (пользовательский порт)

    файл httpd.conf

    все 80=> 88 (пользовательские порты)

    Закройте программу и перезапустите

  2. Найдите брандмауэр, добавьтеApache HTTP ServerРазрешить использование частной или общедоступной сети (в противном случае доступ все еще не удастся)

  3. Убедитесь, что мобильные телефоны и компьютеры подключены к одной и той же сети

  4. Найти текущий компьютерIPадрес

image.png

image.png

  1. мобильный браузер, введитеIPадрес
  2. Затем мы можем получить доступ к странице ~ Если вы хотите получить доступ к странице, которую вы написали, сделайте следующее:

image.png

Поместите страницу, которую вы хотите просмотреть, вhtdocsВ папке вы можете увидеть это~

Здесь, чтобы показать вам эффект, я скачал программу для скринкастинга:AirServer

Но всем разрабатывать, практического смысла нет, поэтому и качать не надо, софт для устройств Apple

средства отладки

vConsoleЭто инструмент, который может помочь нам отлаживать мобильные телефоны, с помощью которого мы можем видеть структуру html иJS报错д., способ использования следующий:

  1. скачатьvConsole,адрес:Пользовательский контент raw.GitHub.com/Tencent/VC

  2. На странице, которую нужно использовать, импортируйте вышеуказанныйJSдокумент

  3. добавить код

    var vConsole = new VConsole();
    
  4. Но, к сожалению, нет возможности посмотреть стиль элемента.

Нравится и поддержите, оставьте в руке стойкий аромат, и будьте почитаемы, шевелите своими ручонками, чтобы заработать состояние, спасибо, что оставили свои следы.

11.png

Прекрасная рекомендация в прошлом

Несколько методов шифрования, обычно используемых во внешнем интерфейсе

Холст Восхождение на Пит-Роуд [Методы]

Не разбираетесь в сео-оптимизации? Статья, которая поможет вам понять, как сделать SEO-оптимизацию

Холщовая дорога для скалолазания [Свойства]

[Практическая глава] Руководство по разработке мини-программы WeChat и практика оптимизации

Поговорим о мобильной адаптации

Практика оптимизации производительности интерфейса

Разговор о раздражающих регулярных выражениях

Получите адрес потока большого двоичного объекта файла для реализации функции загрузки.

Не понимаете виртуальный DOM Vue? Эта статья поможет вам полностью получить виртуальный DOM

Рекомендации, связанные с Git

Простое введение в Git

git реализует автоматическое нажатие

Рекомендации, связанные с интервью

Front-end Swastika — Основы

Внешний вид 4D-зоны — расширенный

Для получения дополнительной информации см.:Домашняя страница