Debugging Web Pages on the Nokia 8110 with KaiOS

Nous avons récemment fait beaucoup de développement sur les téléphones polyvalents et cela a été difficile, mais amusant. Le problème le plus difficile est que, sur KaiOS, nous avons trouvé qu’il était impossible de déboguer des pages Web, en particulier sur le matériel dont nous disposions (le Nokia 8110). Le Nokia est un excellent appareil. Il est construit avec KaiOS. Il est basé sur quelque chose qui ressemble à Firefox 48, mais il est verrouillé, il n’existe pas de mode développeur traditionnel comme sur les autres appareils Android, ce qui signifie que vous ne pouvez pas connecter le navigateur de Firefox. WebIDE facilement.

En combinant quelques blogs et en connaissant un peu adb j'ai adb comment le faire. Notez que d'autres ont pu le faire, mais ce n'est pas documenté au même endroit.

(L'image ci-dessus montre les outils de développement et également la sortie de l'outil de capture d'écran)

Voici les étapes:

  1. Connectez un câble USB. Assurez-vous que adb installé sur votre ordinateur principal.
  2. Téléchargez une copie de Firefox 48 (c’est le seul que j’ai pu me mettre au travail)
  3. Activez le "Mode développeur" en entrant *#*#33284#*#* partir de votre téléphone (remarque: n'utilisez pas le numéroteur). Vous verrez une petite icône "bug" en haut de l'écran. [Source ]
  4. Connectez votre câble USB
  5. Sur votre machine de développement, exécutez les commandes suivantes
  6. adb start-server
  7. adb devices pour vérifier que votre téléphone est connecté.
  8. adb forward tcp:6000 localfilesystem:/data/local/debugger-socket configurer un canal de votre machine à une prise du téléphone. C'est ce que l'EDI Web utilise.
  9. Lancez Web IDE en ouvrant Firefox, accédez à Outils, puis à Web IDE.
  10. Web IDE sera ouvert, cliquez sur 'Remote Runtime', puis sur le bouton d'ouverture contenant 'localhost: 6000' in. (Il s'agit du port de transfert tcp).
  11. Ouvrez une page du téléphone et vous devriez la voir à gauche. 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.