Debugging Web Pages on the Nokia 8110 with KaiOS

Hemos estado haciendo mucho desarrollo en teléfonos con funciones recientemente y ha sido difícil, pero divertido. Lo más difícil es que en KaiOS fue imposible depurar las páginas web, especialmente en el hardware que teníamos (el Nokia 8110). El Nokia es un gran dispositivo, está construido con KaiOS, y sabemos que se basa en algo similar a Firefox 48, pero está bloqueado, no hay un modo de desarrollador tradicional como el que usas en otros dispositivos Android, lo que significa que no puedes conectar Firefox. WebIDE fácilmente.

A través de una combinación de leer un par de blogs y saber un poco sobre adb , descubrí cómo hacerlo. Tenga en cuenta que otros podrían haberlo hecho, pero no están documentados en un solo lugar.

(La imagen de arriba muestra los DevTools y también la salida de la herramienta de captura de pantalla)

Aquí están los pasos:

  1. Conecte un cable USB. Asegúrese de que tiene adb instalado en su máquina principal.
  2. Descargue una copia de Firefox 48 (este es el único al que podría llegar a trabajar)
  3. Active el 'Modo de desarrollador' ingresando *#*#33284#*#* desde su teléfono (tenga en cuenta que no use el marcador). Verá un pequeño ícono de 'error' en la parte superior de la pantalla. [Source ]
  4. Conecte su cable USB
  5. En su máquina de desarrollo ejecute los siguientes comandos
  6. adb start-server
  7. adb devices para comprobar si su teléfono está conectado.
  8. adb forward tcp:6000 localfilesystem:/data/local/debugger-socket configura un canal desde su máquina a una toma del teléfono. Esto es lo que utiliza el IDE web.
  9. Inicie Web IDE abriendo Firefox, vaya a Herramientas y luego a IDE web
  10. El IDE web estará abierto, haga clic en 'Tiempo de ejecución remoto' y haga clic en el botón de abrir que tiene 'localhost: 6000' (este es el puerto de reenvío de TCP).
  11. Abra una página en el teléfono, y debería verla a la izquierda. Voila

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.