作者:EvilMaknaeKYU | 来源:互联网 | 2023-02-10 14:56
现在Firebug正在逐渐消失,Firefox用户被要求切换到Firefox开发者工具.
因此我想知道,Chrome DevTools不提供Firefox DevTools的哪些功能?
能否请你对这个问题给出客观的答案?
1> NoBugs..:
来自文档:
DOM属性查看器
检查页面的DOM属性,函数等(你会注意到对象的属性通常不在Chrome的控制台中列出,你永远不会知道body.innerHTML存在,看着"document.body"中的安慰.)
开发人员工具栏开发人员工具
的命令行界面.
着色器编辑器
查看和编辑WebGL使用的顶点和片段着色器.
Web音频编辑器
检查音频上下文中的音频节点图,并修改其参数.
截屏
截取整个页面或单个元素的屏幕截图.
设置面板中的一些额外工具:
测量页面的一部分
便笺
网络面板显示每个网络请求原因的堆栈跟踪,在Chrome中,您必须通过网络请求的控制台日志找到并展开它.此外,如果碰巧返回html,您可以看到xhr响应的实际预览(在预览选项卡中).
也许最有用的是,检查员在每个带有事件监听器的元素旁边显示(ev),并直接列出为其添加事件监听器的所有内容.(比Chrome右侧的事件标签更好.)