2015-11-10 5 views
2

Я разрабатываю веб-сайт для проекта, ориентированного на мобильные телефоны и планшеты, в настоящее время сосредоточен на использовании браузера Chrome. Большая часть этого развития была сделана на одном телефоне с помощью ноутбука. Я довольно безболезненно использовал «chrome: // inspect/# devices» до тех пор, пока не приступил к тестированию на другом телефоне, когда нажатие «проверка» привело к белой странице. Проблема заключалась в том, что, поскольку в то время у меня не было сетевого подключения, хром не мог получить доступ к некоторому репозиторию и поэтому не загружал страницу. После того, как Chrome посетил эту страницу, я больше не нуждался в подключении к Интернету для проверки моего телефона.Хром: // проверять без подключения к Интернету

Моя проблема заключается в том, что теперь мне нужно перенести проект на компьютер, который находится за брандмауэром (к которому у меня нет доступа), который останавливает навигацию по ссылке «chrome-devtools-appspot», чтобы вытащить все, что ему нужно для создания страницы, когда я нажимаю «проверять».

Есть ли способ как-то загрузить этот репозиторий и сделать его доступным локально на машине, чтобы независимо от того, какую версию телефона/браузера я использую, страница проверки не зависит от интернет-соединения?

+0

Зачем вам это нужно? –

+0

Насколько я знаю (довольно новый на этом) «проверка устройств» - единственный способ получить доступ к консоли телефона? Были случаи, когда поведение javascript на целевом телефоне велось по-другому, чем когда я развертывал его на рабочем столе, поэтому доступ к инструментам dev кажется существенным. – Alex

+0

Попробуйте найти \t удаленная отладка.Я иду спать.Bye. –

ответ

0

Его все о кеше. Когда вы хром: // проверяете и нажимаете «Осмотреть», окно запрашивает инструменты инспектора с некоторого URL-адреса google (выглядит примерно так: chrome-devtools: //devtools/bundled/inspector.html? IsSharedWorker = true & remoteBase = https://chrome-devtools-frontend.appspot.com/serve_file/@f87f641eOabefed98578934of1d5ca79651bf82/&dockSide=undocked).

Решение состоит в том, чтобы выполнить первую выборку в среде с подключением к Интернету, а затем скопировать файлы кеша google chrome и вставить их в автономную среду.

Эти файлы кеша расположены в папке AppData/Local/Google/Chrome/User Data/Default/Cache.

я сделал следующее, и она работала: На машине с подключением к Интернету:

  1. Clean Chrome Cache (с 3-го приложения, как CCleaner или просто вручную удалить все файлы папки Cache)
  2. Open Эмулятор и открытое фиктивное приложение или хромированная вкладка
  3. Откройте Chrome, затем переадресовываем на chrome: // проверяем, затем проверяем устройство.
  4. Подождите, пока он загрузится (для уменьшения файлов) просмотрите новые файлы в папке Cache.
  5. Закрыть Chrome.

В этот момент вы можете скопировать папку Cache. На не подключенной машине перейдите в папку Chrome Cache (указанную выше для пользователей Windows) & извлеките там файл Zip.

Вот и все, что вы можете использовать, проверяя, не извлекая файлы. Снова это сработало для меня, я не уверен, имеет ли какое-либо отношение к SDK, запущенному на эмуляторе (IE Android 6/7 и т. Д., Возможно, вам нужен различный кеш для каждого).

Надеюсь, это поможет.

EDIT: Он имеет отношение к Chrome, для каждой версии браузера требуемые файлы кэша различны. После некоторого исследования числа после тега @ - это просто номер фиксации из google-chrome-repository. Итак, чтобы уточнить, вкладка Chrome, которую вы открываете на устройстве (упомянутая выше), должна быть такой же, как и цель, которую вы пытаетесь имитировать. Это означает, что вы не измеряете, какую версию вы используете, но какой хром APK вы используете. Вы можете просто загрузить Chrome APK в нужную вам версию.Вам нужна версия, написанная на хром: // inspet.

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