ntv.js框架(第四章) - 机顶盒Javscript编写和调试方法

      在咱们编写Javscript时，首先要分清楚2个概念，1是使用W3C标准来处理HTML DOM元素（例如修改标签HTML、文本、状态、形状等），2是使用中间件规范接口来处理音视频等业务功能（例如播放音视频等）。

1. 使用W3C标准来处理HTML DOM元素

   通常在PC浏览器上咱们使用例如jQuery框架来简化W3C标准的接口，但机顶盒内置的浏览器不支持jQuery框架的全部属性方法，ntv.js框架暂时只提供了一些主要的方法实现，暂未能提供jQuery框架的全部属性方法实现。

代码示例：

W3C标准写法：

document.getElementById("div_id").innerHTML = "<p>title<p>";
document.getElementById("img_id").src = "http://ip/images/bg.png";

jQuery框架写法：

$("#div_id").html("<p>title<p>");
$("#img_id").attr("src", "http://ip/images/bg.png");

ntv.js框架写法：

$("#div_id").innerHTML = "<p>title<p>";
$("#img_id").src = "http://ip/images/bg.png";

经过代码你能够看出，ntv.js框架只简化了W3C标准经常使用的函数名，但对于元素的属性操做都仍旧采用W3C标准。

2. 使用中间件规范接口来处理音视频等业务功能

      在W3C发布HTML5标准以前，浏览器上实现音视频功能，通常作法是采用Adobe Flash方式。但在机顶盒浏览器上并非采用这种方式，它有本身的私有标准实现，这个标准就是前面一直提到的 中间件规范。

ntv.js框架写法：

// 播放HTTP协议的音频
ntv.stb.mediaplayer.play("AUDIO", "http://ip/audio.mp3");
ntv.stb.mediaplayer.pause();
ntv.stb.mediaplayer.resume();
ntv.stb.mediaplayer.stop();

3. JavaScript调试方法：

      你能够在引用了框架脚本以后，经过使用以下代码来在页面上开启调试模式和输出调试信息。

ntv.log.debug = true;
ntv.log.console("调试信息")

注意事项：

1. 由于框架默认过滤日志信息，因此你在输出自定义的调试信息时，请不要使用 "ntv.**" 形式的字符串。ntv.log.console("ntv.**"); 是框架内置的日志输出形式。

2. 调试信息的显示只支持一屏，不支持自动滚动。因此在调试时尽可能精简输出条数。

调试效果：

      

      框架内置了一些调试信息，用于开发者调试框架内特定模块功能，例如键值、焦点、媒体处理等。若是想要开启框架内的系统日志，请参考以后的源代码解读章节。