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. 调试信息的显示只支持一屏，不支持自动滚动。所以在调试时尽量精简输出条数。

调试效果：

      

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