文件
说明
TCL_001.html
“无限宝”商品 / 服务管理界面在浏览器上的输出内容。
TCL_002.html
TCL_001.html 的小改。
<h2>...</h2> 换成 <h3>...</h3> 做样式试验;在伪装成按钮的链接上加聚焦触发,失败,未分析原因。
TCL_003.html
为令 demo 代码简洁、减少出奇怪问题的机会,参照“无限宝”外观全新编写的商品列表界面。
可在电视机的安卓浏览器上用遥控器高亮选择条目。
作为 demo 发给山腾科技,供其参考。
TCL_004.html
TCL_003.html 基础上添加伪装成按钮的链接,可在电视机的安卓浏览器上用遥控器高亮选择。
作为 demo 发给山腾科技,供其参考。
TCL_005.html
TCL_004.html 基础上改变 DOM 的 id ,防止点选后滚回页面顶部。
作为 demo 发给山腾科技,供其参考。
TCL_101.html
山腾科技无法直接参考 table 布局的 demo ,或者在参考时发生问题。
为最大程度接近现实以便参考,直接保存“无限宝”商品 / 服务展示界面在浏览器上的输出内容,并添加高亮触发。
因重点集中为解决商品展示问题,暂不考虑管理界面,只考虑展示界面。
TCL_102.html
TCL_101.html 带有高亮触发的 <a ...>...</a> 内杂项太多,导致在电视机上无法高亮显示。
将 <a ...>...</a> 内的杂项提取至 <a ...>...</a> 外,电视机上亮显示成功。
作为 demo 发给山腾科技,供其参考。
TCL_103.html
TCL_102.html 的 xhtml 版,且将高亮触发提取成 javascript 函数。
发现在界面底部的浮动 div 上的链接对遥控器定位操作有干扰,暂时屏蔽掉。
发现多种问题,包括但不限于:
  1. 在电视上滚屏时滚出来的链接,即使已被色块覆盖,遥控器“OK”点击也无效。
  2. 在电视上选中、聚焦、高亮条目后,遥控器“OK”点击跳进音乐播放列表。
  3. 其他奇怪问题。
TCL_104.html
TCL_102.htmlTCL_103.html 的基础上,把高亮触发链接移到屏幕左侧,底部浮动 div 上的链接移到屏幕右侧,减少操作干扰。
TCL_105.html
尝试解决 TCL_103.htmlTCL_104.html 的问题,未果。
TCL_201.html
山腾科技参考了模板,在多次交流和尝试后由“无限宝”输出的顶层列表,相当完美地消除了 TCL_103.htmlTCL_104.html 的主要问题。
TCL_202.html
山腾科技升级“无限宝”版本后的非顶层列表界面。
TCL_203.html
TCL_204.html
山腾科技升级“无限宝”版本后的商品详细信息界面。
TCL_205.html
为研究山腾科技TCL_201.html 针对“在电视上滚屏时滚出来的链接 用遥控器‘OK’点击无效”问题的解决办法,把 jQuery 部分提取到外部 javascript 文件中,并屏蔽看起来与问题无关的函数。
TCL_206.html
得到山腾科技解决“在电视上滚屏时滚出来的链接 用遥控器‘OK’点击无效”问题的思路:
  1. 用一个变量保存当前被聚焦条目的链接 DOM ;
  2. 整个页面监听遥控器产生的“键盘事件”;
  3. 当 keyCode 为 13 的键——键盘回车键和遥控器“OK”键——按下时,强制页面跳转到被保存的链接。
删除山腾科技的所有 javascript ,在不动用 jQuery 的情况下重新实现聚焦、高亮及解决“在电视上滚屏时滚出来的链接 用遥控器‘OK’点击无效”问题。
-
admin 登录后,进管理列表前的界面不能用遥控器操作。
因重点集中为解决商品展示问题,故未安排时间,搁置中。
TCL_301.html
播放列表试验页;因重点集中为解决商品展示问题,故未安排时间,搁置中。
TCL_302.html
TCL_303.html