IT猫扑网 ● 编程开发

分类分类

UC浏览器开发者工具

UC浏览器开发者工具

v0.4.1.000 官方版

大小：57.90 MB更新：2019/08/28

类别：软件开发系统：Winll

立即下载
  • UC浏览器开发者工具(1)

uc浏览器开发者工具是款uc浏览器官方出品的开发者工具，主要是帮助开发者以及其他使用UC浏览器的朋友们便捷性的对于UC浏览器进行调试，这里小编提供UC开发者工具的常用调试说明给大家，希望能够帮到大家

官方简介

开发者工具（Developer Tool）支持DevTools Protocol，它允许开发者不再需要依赖其他工具进行调试。最低的内核版本要求为U4/2.0。

C浏览器开发者工具

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)。

厂商：广州市动景计算机科技有限公司
精品推荐
猜你喜欢
  • uc浏览器

uc浏览器更多>>

UC浏览器是优视科技公司开发的一款网络浏览工具，也是阿里巴巴移动事业部旗下的核心产品。该浏览器基于大数据分析用户兴趣，融入信息流式交互体验，为用户提供个性化阅读体验。另外，UC浏览器不仅支持多种主流移动操作系统，还提供了丰富的功能，包括资讯阅读、小说阅读、视频播放、网站导航、搜索、下载以及个人数据管理等服务。

广州市动景计算机科技有限公司开发者应用
相关下载
  • 蚂蚁小程序开发者工具详情
  • 百度开发者工具详情
  • 微信web开发者工具详情
  • UC浏览器WP7.5版详情
  • uc浏览器ipad版详情
  • 数据盒子官方最新版详情
  • 新能多多官方版详情
  • 手机UC浏览器旧版本详情
  • uc浏览器手机版7.0(UC Browser)详情
  • uc浏览器2024旧版本详情
  • UC浏览器 for 诺基亚S60V1专版详情
  • 手机uc浏览器详情
  • uc浏览器v8详情
  • uc浏览器10.0.0金立定制版详情
  • 手机uc浏览器8.7.1经典版详情
  • UC浏览器实验室版详情
  • UC浏览器7.9.4手机版本详情
  • UC浏览器(UCWEB) for s60v5详情
  • UC浏览器iPhone版详情
  • ucweb手机浏览器7.0详情
    • 最新排行
    • 最热排行
    • 评分最高
    编程开发排行榜

    点击查看更多

    点击查看更多

    点击查看更多

    说两句网友评论
      我要跟贴
      取消
      实时热词
      keilapp制作软件原型设计工具arcgis汉化工具python安装包制作工具UI设计软件winHexvcredistphp一键安装包c语言编译器微信小程序phpstormh5页面制作工具delphieclipsegns3ide开发工具myeclipse