Debugging Web Pages on the Nokia 8110 with KaiOS

Nós temos feito muito desenvolvimento em feature phones recentemente e tem sido difícil, mas divertido. O mais difícil é que no KaiOS achamos impossível depurar páginas da web, especialmente no hardware que tínhamos (o Nokia 8110). A Nokia é um ótimo dispositivo, é construído com KaiOS que sabemos que é baseado em algo semelhante ao Firefox 48, mas está bloqueado, não há modo de desenvolvedor tradicional como você entrar em outros dispositivos Android, o que significa que você não pode conectar o Firefox WebIDE facilmente.

Através de uma combinação de leitura de alguns blogs, e sabendo um pouco sobre adb eu trabalhei como fazer isso. Note, outros podem ter sido capazes de fazer isso, mas não estão documentados em um lugar de forma limpa.

(A imagem acima mostra o DevTools e também a saída da ferramenta de captura de tela)

Aqui estão os passos:

  1. Conecte um cabo USB. Certifique-se de ter o adb instalado na sua máquina principal.
  2. Faça o download de uma cópia de Firefox 48 (esta é a única que eu poderia trabalhar)
  3. Ative o 'Modo de Desenvolvedor' digitando *#*#33284#*#* no seu telefone (note, não use o discador). Você verá um pequeno ícone de 'bug' no topo da tela. [Source ]
  4. Conecte seu cabo USB
  5. Na sua máquina de desenvolvimento, execute os seguintes comandos
  6. adb start-server
  7. adb devices para verificar se o seu telefone está conectado.
  8. adb forward tcp:6000 localfilesystem:/data/local/debugger-socket isso configura um canal da sua máquina para um soquete no telefone. Isso é o que o Web IDE usa.
  9. Inicie o Web IDE abrindo o Firefox, vá para Ferramentas e depois IDE da Web
  10. Web IDE será aberto, clique em 'Remote Runtime' e clique no botão de abertura que tem 'localhost: 6000' pol. (Esta é a porta de encaminhamento TCP).
  11. Abra uma página no telefone e você deverá vê-la à esquerda. 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.