Debugging Web Pages on the Nokia 8110 with KaiOS

В последнее время мы много работали над функциональными телефонами, и это было сложно, но весело. Самое сложное в том, что на KaiOS мы обнаружили, что невозможно отлаживать веб-страницы, особенно на имеющемся у нас оборудовании (Nokia 8110). Nokia - отличное устройство, оно построено на KaiOS, которое, как мы знаем, основано на чем-то похожем на Firefox 48, но оно заблокировано, нет традиционного режима разработчика, как на других устройствах Android, что означает, что вы не можете подключить Firefox. WebIDE легко.

Благодаря чтению пары блогов и зная немного о adb я adb , как это сделать. Обратите внимание, что другие могли бы сделать это, но это не документировано в одном месте.

(Изображение выше показывает DevTools, а также вывод инструмента скриншота)

Вот шаги:

  1. Подключите USB-кабель. Убедитесь, что на вашем главном компьютере установлено приложение adb .
  2. Загрузите копию Firefox 48 (это единственное, что я мог заставить работать)
  3. Включите «Режим разработчика», введя *#*#33284#*#* со своего телефона (обратите внимание, не используйте номеронабиратель). Вы увидите маленький значок «ошибка» в верхней части экрана. [Source ]
  4. Подключите USB-кабель
  5. На компьютере разработчика выполните следующие команды
  6. adb start-server
  7. adb devices чтобы проверить, что ваш телефон подключен.
  8. adb forward tcp:6000 localfilesystem:/data/local/debugger-socket это устанавливает канал от вашей машины к розетке на телефоне. Это то, что использует Web IDE.
  9. Запустите Web IDE , открыв Firefox, перейдите в Инструменты, а затем в Web IDE.
  10. Откроется веб-IDE, нажмите «Remote Runtime» и нажмите кнопку «Открыть» с именем localhost: 6000 (это порт пересылки tcp).
  11. Откройте страницу на телефоне, и вы должны увидеть ее слева. Вуаля.

About Me: Paul Kinlan

I lead the Chrome Developer Relations team at Google.

We want people to have the best experience possible on the web without having to install a native app or produce content in a walled garden.

Our team tries to make it easier for developers to build on the web by supporting every Chrome release, creating great content to support developers on web.dev, contributing to MDN, helping to improve browser compatibility, and some of the best developer tools like Lighthouse, Workbox, Squoosh to name just a few.