Debugging Web Pages on the Nokia 8110 with KaiOS

Gần đây chúng tôi đã phát triển rất nhiều trên điện thoại tính năng và điều đó thật khó khăn, nhưng thú vị. Điều khó nhất là trên KaiOS, chúng tôi thấy không thể gỡ lỗi các trang web, đặc biệt là trên phần cứng mà chúng tôi có (Nokia 8110). Nokia là một thiết bị tuyệt vời, được xây dựng với KaiOS mà chúng ta biết dựa trên một cái gì đó giống với Firefox 48, nhưng nó bị khóa, không có chế độ nhà phát triển truyền thống như bạn có trên các thiết bị Android khác, có nghĩa là bạn không thể kết nối Firefox Web dễ dàng.

Thông qua việc kết hợp đọc một vài blog và biết một chút về adb tôi đã tìm ra cách để làm điều đó. Lưu ý, những người khác có thể đã có thể làm điều đó, nhưng nó không được ghi chép lại ở một nơi sạch sẽ.

(Ảnh trên hiển thị DevTools và cũng là đầu ra của công cụ chụp màn hình)

Dưới đây là các bước:

  1. Kết nối cáp USB. Đảm bảo bạn đã cài đặt adb trên máy chính của mình.
  2. Tải xuống một bản sao của Firefox 48 (đây là bản duy nhất tôi có thể làm việc)
  3. Kích hoạt Mode Chế độ nhà phát triển 'bằng cách nhập *#*#33284#*#* từ điện thoại của bạn (lưu ý, không sử dụng trình quay số). Bạn sẽ thấy một biểu tượng 'lỗi' nhỏ trên đỉnh màn hình. [Source ]
  4. Gắn cáp USB của bạn
  5. Trên máy phát triển của bạn chạy các lệnh sau
  6. adb start-server
  7. adb devices để kiểm tra điện thoại của bạn được kết nối.
  8. adb forward tcp:6000 localfilesystem:/data/local/debugger-socket thiết lập kênh này từ máy của bạn đến ổ cắm trên điện thoại. Đây là những gì Web IDE sử dụng.
  9. Bắt đầu Web IDE bằng cách mở Firefox, đi đến Công cụ và sau đó là Web IDE
  10. Web IDE sẽ được mở, nhấp vào 'Remote Runtime' và nhấp vào nút mở có 'localhost: 6000'. (Đây là cổng chuyển tiếp tcp).
  11. Mở một trang trên điện thoại và bạn sẽ thấy nó ở bên trái. 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.