腾讯X5内核打开Conlose执行调试代码使用教程

X5内核是腾讯基于优秀开源Webkit深度优化的浏览器渲染引擎,可以搭载在APP上 ,更快,更便捷。

腾讯X5内核不仅仅搭载在腾讯官方应用,如:腾讯QQ,微信,QQ浏览器。还被开源给其他开发者用于项目软件中。使用腾讯X5内核可以解决html部分解码问题,如:原生态APP的开发只能解析mp4的视频包,但使用腾讯X5内核之后可以解析的视频格式就会更多。通过渲染引擎可以更好的开发出APP,使用X5内核可以减少开发资源浪费,还可以让开发工程师用更少的时间开发出项目中应有的效果。

注:我们之前也有使用腾讯X5内核开发的软件,创享APP,创享影视。

那么废话说完了,我们开始今天的正片,我们使用Conlose控制台输入修改指令达成我们的效果,比如修改视频的播放速度或者是播放时间段,或者修改某个div的背景颜色,再比如上个图:

这里我们通过下面这段代码让视频倍速变成了16倍:

document.querySelector('video').playbackRate = 16.0;

学过javaScript的同学应该知道document是什么意思,这里对接的是video,让video的playbackRate元素改成16,使得播放倍速加倍。

上面的操作是电脑的,我们下面讲一下怎么在微信上调用X5内核,并在X5内核的Conlose控制台执行javaScript代码。开始教程:

我们先把超链接在微信里面发出来,用于下载并开启X5内核调试开关:

debugmm.qq.com/?forcex5=true
http://debugtbs.qq.com

注:这两个超链接分开发出来,然后点击debugmm.qq.com/?forcex5=true开启调试(要关闭就将true改成false),开启后会显示on,上图:

再点击http://debugtbs.qq.com下载并打开X5内核。

进去后是这样的,再上图:

在X5调试页面信息中将打开vConsole调试打钩,将启动X5data目录打钩,如图:

打钩后右下角就会出现Console控制台,点击后打开。

是不是有种熟悉的f12感觉

谷歌浏览器按下f12后的Conlose控制台效果图
X5内核Conlose控制台效果图

是不是很像,下面送上两段代码,然后看着用吧!

//将某某某学习的时间段跳成9999秒
document.getElementById('Bvideo').currentTime=9999
//隐藏Conlose控制台
__vconsole.style.display="none";

教程结束

4 Replies to “腾讯X5内核打开Conlose执行调试代码使用教程”

发表评论

电子邮件地址不会被公开。 必填项已用*标注