标签: developer-tools

在Firefox的开发人员工具中,可以看到CSS网格,还可以看到它未被选中的时间.

是否可以在Chrome的开发者工具中显示CSS网格,同时未选择网格？

我有一个实用程序函数,它用一个条件包装console.log,所以如果我们在dev环境中并且console.log存在,我们只调用console.log:

/* Console log if environment has debug true or #debug initially passed in URL */
metro.conlog = (function () {
    return function (message) {
        if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
            console.log(message);
        }
    };
}());

这对于普通的控制台日志非常有效.但是我最近发现了向console.log传递多个参数的乐趣:它允许您使用字符串为控制台日志添加前缀,因此console.log('DEBUG', object)输出字符串以及可以检查其属性的可扩展对象.如何更改我的conlog功能来执行此操作？我已经尝试注销这样的所有参数:

metro.conlog = (function () {
    return function (message) {
        if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
            console.log(arguments);
        }
    };
}());

但是这会将参数作为数组输出,而不是使用console.log获得的整齐线.您可以在此屏幕截图中看到差异:

谁能告诉我如何重现原始日志输出？

在Chrome中,这是可能的,但我找不到在Safari中执行此操作的方法.可能吗？怎么样？

我正在寻找一种从附加到网页的脚本打开WebKit"开发人员工具"的方法.我需要谷歌Chrome和Safari的解决方案,如果尚未打开,将打开开发人员工具窗格,并且(希望,如果你能弄明白的话)也可以在打开时切换到所述窗格的特定选项卡/部分.

(用例,如果有人感兴趣:我想打开console.log输出窗口,如果出现错误并且开发人员正在查看页面;这个特定页面将是一些JavaScript单元测试的输出.)

我正在为这个问题设置一个赏金,因为它显然是一个以前没有得到任何人满意的回答,答案是毛茸茸的.请不要回答它,除非你有一个真正的答案:1)适用于两种浏览器,2)不需要私有扩展API,这些API不能在静态网页上运行.

请参阅(相关,但特定于Chrome和扩展程序):我可以通过编程方式从Google Chrome扩展程序中打开devtools吗？

位于Chrome开发者工具窗口左下角的"漂亮打印"按钮可以使缩小的代码可读.但是,当我点击它时,没有任何反应.我尝试了单击和双击.这种情况发生在Windows上的Chrome 32上.

如何使漂亮的打印按钮工作？

我正在尝试调试Chrome扩展程序,但每次刷新时,与扩展程序关联的开发人员工具窗口都会关闭.有谁知道是否有办法让它保持开放？

这就是我正在做的事情:我点击扩展按钮,打开一个弹出窗口.然后我右键单击它并单击"检查".这将打开开发人员工具.现在,如果我再次单击扩展按钮进行刷新(当我更新代码时),则开发人员工具将关闭.:(

我的版本是45.0.2454.101 m,由于某些原因,dev工具选项被禁用.

我重新安装了铬3次,没有运气.

我试图删除基于此答案的注册表文件 谷歌Chrome开发工具禁用

我没有在政策文件夹下看到铬:(.

我搜索了用户数据 - >默认 - >首选项文件夹,看看我是否可以删除devtools参考,没有任何帮助:(

更新:根据lostleader的评论我检查了chrome:// policy并且我看到devtools被禁用,我应该如何启用或将其设置为false

请帮忙

更新:2015年10月13日我的偏好文件截至今天,仍然是开发控制台被禁用:

10/16/2015我也没有在组策略对象下看到任何内容

"闲置"和"其他"时间包含在Chrome开发者工具的时间线标签选项卡中的内容是什么？

是什么原因导致无所作为？

为什么会这样？

如何减少这些时间？可能吗？

为什么浏览器长时间不活动(在空闲时间内)？

在超过1.8秒的开始没有任何反应:

在中间,"空闲"和"其他"占用约0.3秒:

几乎3秒结束时没有任何反应:

在这个例子中,我们有几乎五秒的不活动浏览器......

使用Safari Web Inspector查看网络日志时,日志会在导航时重置,即导航到其他页面会清除日志.

在Chrome开发者工具中,我可以通过选中"网络"标签中的"保留日志"复选框轻松保留网络日志.在Firefox Developer Tools中,我可以通过在开发人员工具首选项中选中"启用持久性日志"来保留网络日志.

启用此持久性后,网络日志将保持不变,直到我手动清除输出,从而简化了在导航到新页面期间跟踪请求和重定向的过程.

Safari Web Inspector中是否有类似的功能？

当我打开开发人员工具时,我会得到熟悉的工具,但它们都在自己的窗口中.

如何将它们停靠在窗口底部？