2013年8月19日 星期一

Javascript: Log View

《AMIGO Controller》的 Log 選用 UIWebView + Javascript 來達成,是因為擴展性高。但經過 HKMMF 洗禮,發現玩十分鐘後 Log 的內容會增加很多。為了保持運作暢順及好的用戶體驗,就要把多餘的 Log 刪除。最好的方法莫過於只保留一定數量的內容,其餘的自動被刪除。因此修改了一下 Javascript,便達到以上目的。
function JSLog(message)  {
    var p = document.createElement("p");
    p.innerHTML = message;
 
    var logView = document.getElementById("logView");
    logView.insertBefore(p, logView.firstChild);
 
    var array = logView.children;
    for (var i=array.length-1; i>=5; i--)  {
        logView.removeChild(array[i]);
    }
}

Line 4: You can add a new line by clicking on the button below

Line 3: This log keep last 5 lines

Line 2: This is Javascript log

Line 1: Hello World!

沒有留言: