uc浏览器开发者工具是款uc浏览器官方出品的开发者工具，主要是帮助开发者以及其他使用uc浏览器的朋友们便捷性的对于uc浏览器进行调试，这里小编提供uc开发者工具的常用调试说明给大家，希望能够帮到大家
官方简介
开发者工具（developer tool）支持devtools protocol，它允许开发者不再需要依赖其他工具进行调试。最低的内核版本要求为u4/2.0。
uc浏览器怎么打开开发者工具
打开开发者工具界面有两个途径：
1.ctrl+shift+i
2.f12
功能说明
可以捕捉的http协议信息
·文件头
·内容
·cookie
·查询字符串
·提交的数据
·重定向的url地址
http协议捕捉分析工具
·捕捉http协议数据
·可以提供缓冲区信息
·清理对话内容
·http状态信息和其他过滤选项
常用调试
1. screencast
screencast位于调试界面左上角(element左侧), 即红框标注的位置。选中screencast后, 可以在devtools窗口上看到页面效果, 该区域内支持点击/长按, 支持鼠标滚轮滚动页面, 支持鼠标拖动页面滑动
2. element
element可以查看页面 dom 树结构和页面元素css样式。
2.1 实时编辑dom节点和css样式
双击dom树中的节点，可以实时编辑标签属性，修改的效果即刻显示在浏览器中。
点击右侧style面板，可以实时修改css的属性值，所有样式的name和value都可编辑; 在每个属性后面单击可以添加新的样式。 下图为增加font-size样式后, 页面按新设置的字体大小显示。
2.2 查看元素监听的事件
选中节点, 最右侧切换到event listeners, 即可看到当前节点监听的所有事件。点击具体事件, 可以看到该事件所在代码的位置(格式为”文件名:行号”, 点击可跳转到source中对应代码的位置)。
3. console
console中可以查看页面出错信息，执行javascript代码等。
3.1 输出页面出错日志
内核捕获页面执行中的异常, 输出在console上。 对于出错日志,左侧显示具体出错的原因, 右侧显示出错位置(格式为”文件名:行号”, 点击可跳转到source中对应代码的位置)。
点击右侧出错信息所在文件和行号, 例如index.js:253, 即跳转到对应的js资源中。
3.2 输出调试日志
通过js代码或者命令行console.log()、console.warn()和console.error()可以将日志信息输出到console。
3.3 执行javascript代码
在控制台输入命令时，会弹出相应的智能提示框，可以用tab自动完成当前的选项。
通过”$”选择页面元素。
3.4 切换context
对于使用了service worker的页面, 可以在console上切换context (默认是top)。