Iptv机顶盒之epg界面h5开发注意事项

发现机顶盒上内置的浏览器好像都是阉割版的,很多基本的样式或者js写法用不了。
以下为注意事项(不足之处还望指点,谢谢):

  1. 一般机顶盒内置的浏览器都是ie8一下的版本
  2. 浏览器的分辨率都是1280*720
  3. 不允许出现css新特性,
  4. 单位都是px,最好用绝对定位position,不用考虑电视屏幕尺寸的问题
  5. 能用的css属性:position、width、height、top、right、bottom、left、font、color(不支持rgb)、 background(及其相关属性)、border、float、padding、margin、line-height、text-align,overflow、 visibility、 filter: Alpha(opacity=80)等具体需要自己慢慢;
  6. 机顶盒没有sessionStrorage,localStrorage,但是有类似他们的cookie或者IPanel;
  7. json字符串转json对象用eval,例如:var data =eval(“json”);
  8. 创建新节点,建议由字符串拼接+innerHTML,用createElement步骤太多。
  9. 页面打开与跳转的时候,试着增加setTimeout来延迟处理,防止出现未知bug;
  10. img 标签最好不要有定位,最好用div 标签包裹,在div上移动位置,达到想要的位置(不然很可能出现遥控器获取不到焦点)。
  11. 使用innerHTML的时候,最好不要一个一个的累加。例如:document.getElementById("id").innerHTML+="aadad" 最好不要这样加,尤其是写在循环里的时候。str+='aadad document.getElementById("id").innerHTML=str ' 循环很多的时候最好这样写,至于为什么,你自己猜一下。

你可能感兴趣的:(tv,html5,javascript,html,智能电视)