debugging-smart-tv

🔨 Tool for debugging Smart TV applications

Features

• ✅ Display logs in regular Console in DevTools
• ✅ Display logs in HTTP Traffic
• ✅ Display logs on Debug Screen
• ✅ Debug Screen:
  • Logs are prefixed with current time
  • AutoScroll is enabled
  • Visibility is toggleable (show / hide after pressing SPECIAL_BUTTON)
  • Wrap lines
• ✅ HTTP Traffic:
  • Logs are not prefixed
  • Logs are slugged (removed special chars)
• ✅ DevTools Console
  • Logs are prefixed with constant string
• ⛔ Read HTTP Traffic in server-side part

Getting started

Attach code below into main HTML file in your app, ex. index.html:

<script src="src/client/debugging.js"></script>
<link rel="stylesheet" href="src/client/debugging.css"/>

When browser execute debugging.js file, in window namespace will be available DebuggingSmartTV object with API which is described below.

Usage

DebuggingSmartTV.installDebugScreen()

Add availability to display Debug Screen.
Debug Screen will be display after you click SPECIAL_BUTTON

DebuggingSmartTV.installClock()

Create one-second lock which logs on every tick.

DebuggingSmartTV.attachWindowEvents()

Listen on DOM events and produce logs:

• window.onload
• window.onerror

DebuggingSmartTV.log( message: string )

Log any message.

DebuggingSmartTV.SPECIAL_BUTTON

Default value: 3️⃣ (keyCode: 51)

Code & Project Rules

• ECMAScript 3 Standard

  Reason: Destination platforms does not support ES5+.

• Use HTTP protocol instead of HTTPS

  Reason: Unsecured protocol could be sniff ex. by Wireshark.

License

The MIT License @ 2026