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. 調試信息的顯示只支持一屏，不支持自動滾動。因此在調試時儘可能精簡輸出條數。

調試效果：

      

      框架內置了一些調試信息，用於開發者調試框架內特定模塊功能，例如鍵值、焦點、媒體處理等。若是想要開啓框架內的系統日誌，請參考以後的源代碼解讀章節。