在使用猎豹浏览器或者TV浏览器访问包含HTML5特性的网页时,可能会遇到视频无法播放、动画加载异常、交互功能失效等问题,这时候查看HTML5相关日志就能快速定位故障原因。不同浏览器的日志查看入口和操作方式存在差异,下面分别介绍两种浏览器的操作方法。

猎豹浏览器查看HTML5日志的步骤
猎豹浏览器基于Chromium内核开发,查看HTML5日志的方式和Chrome浏览器类似,具体操作如下:
方法一:通过开发者工具查看
这是最常用的查看方式,操作步骤如下:
- 打开猎豹浏览器,访问需要排查问题的网页
- 按下键盘上的
F12键,或者右键点击页面空白处选择检查选项,打开开发者工具面板 - 在开发者工具顶部的标签栏中找到Console选项,点击进入控制台页面,这里会显示HTML5运行过程中的错误、警告等信息
- 如果需要查看更详细的网络请求相关的HTML5日志,可以切换到Network标签,筛选类型为
media或者xhr的请求,查看对应的请求和响应信息
如果需要过滤出HTML5相关的特定日志,可以在Console面板的过滤框中输入关键词,比如video、audio、canvas等,快速定位相关内容。
方法二:查看浏览器系统日志
如果需要查看更底层的HTML5相关运行日志,可以通过浏览器的系统日志入口查看:
- 在猎豹浏览器地址栏输入
chrome://system/,按下回车键进入系统信息页面 - 在页面中找到log相关的条目,点击后面的展开按钮,即可查看完整的系统运行日志,其中包含HTML5模块的相关记录
TV浏览器查日志入口的通用方法
TV浏览器的系统封闭性较强,不同品牌和型号的TV浏览器入口差异较大,以下是通用的查找思路:
系统内置日志入口
部分智能电视自带的浏览器会在设置页面提供日志查看选项:
- 打开TV浏览器,进入设置页面,查找高级设置或者开发者选项分类
- 在对应分类中寻找日志管理、运行记录之类的选项,进入后即可筛选HTML5相关的日志内容
通过外接设备抓取日志
如果TV浏览器没有内置日志入口,可以通过电脑和电视处于同一局域网的方式抓取日志:
首先开启TV浏览器的远程调试功能,一般需要在电视的开发者选项中开启USB调试或者网络调试,然后在电脑端使用adb工具连接电视设备,执行以下命令查看日志:
# 连接电视设备,假设电视IP为192.168.0.1 adb connect 192.168.0.1:5555 # 过滤HTML5相关的日志,比如video相关 adb logcat | grep video
日志查看注意事项
- 查看日志时尽量复现问题场景,这样日志中才会记录对应的错误信息,方便定位问题
- HTML5日志中的错误代码可以结合官方文档查询具体含义,比如
MEDIA_ERR_SRC_NOT_SUPPORTED表示视频格式不支持 - TV浏览器的日志权限可能受限,部分日志需要root权限才能查看,普通用户建议优先使用内置的日志入口
如果遇到日志内容无法理解的情况,可以将关键的错误信息记录下来,咨询浏览器官方客服或者相关技术论坛的用户,获取针对性的解决方案。