标签: google-chrome-devtools

Chrome本身似乎工作正常,但我遇到了开发人员工具的问题.在很短的时间后,它变得没有响应,弹出以下对话框......

这是一个已知的错误,能否或将很快修复？此外,与此同时我该怎么办,如何回滚到较旧的Chrome版本？

我广泛使用Chrome和开发者工具,这引起了一个令人头疼的问题,所以任何建议都会受到欢迎.

我正在使用一次性Chrome钱包付款为chrome商店开发打包应用程序.对于我的应用程序,我需要在运行时检查用户是否购买了应用程序,以决定它是演示功能还是完整功能.

根据chrome identity API文档:

要使应用程序ID保持不变,您需要将已安装的manifest.json中的密钥复制到源清单.

我有2个关于此程序的问题:

1)在什么条件下我的申请的ID可能会改变？我试图重新安装应用程序并进行更新,但应用程序ID保持不变..如果没有办法更改应用程序ID,为什么我需要此程序？

2)如何将带有manifest.json(包含"key"字段)的zip存档上传到chrome仪表板？问题是上传者向我抛出错误:

发生错误:无法处理您的商品.

清单中不允许使用关键字段.

是的,在控制台中,我犯了一个可怕的错误,就是在一个元素上设置一个DOM断点,这个元素没有得到我预期的注入的内容.

好吧,现在每当我加载该页面时,断点就会触发.我取消选中旁边的框.它回来了.我右键单击它并单击"删除断点".它从列表中消失,似乎工作正常,直到下一次硬刷新,然后是BAM断点.

我单击禁用所有断点按钮.它再一次工作直到下一次刷新,然后是BAM断点.关闭Chrome,重新打开.相同.单独关闭所有标签并通过菜单关闭Chrome,擦除所有标签内存.相同.

I put on a loincloth and did an intricate dance,
I knew it was a stretch, but I gave it a chance.
I found an exorcist to help with my plight,
but he ran off promptly, screaming in fright.
With the light of Eärendil, my machine I did annoint,
hoping to rid it of this [expletive deleted] breakpoint.
But nothing has worked, no matter how hard I fought,
so now I humbly ask assistance of you lot. …

我想在我的Android浏览器中检查我的网站CSS/HTML元素.

但它将通过智能手机或Android SDK.

最好的方法是什么？

在Chrome(版本32.0.1677.0 canary Aura)中,我在Developer Tools设置中找不到覆盖选项卡/页面.(它曾经被放置在"常规"和"工作区"标签之间.他们移动了它,还是我忘了启用某些东西？

在Chrome DevTools中,在"渲染"下,可以选择"显示潜在的滚动瓶颈".

当我启用此功能时,div我在屏幕上overflow:scroll显示的一些元素会在顶部显示一个标记"重新绘制滚动".

我找不到关于这个功能的很多文档,我不知道它是否可以实际修复或改进,或者只是一个事实陈述 - div有内容,而且确实滚动.

我正在使用Typescript和一些由Typescript公开的ES6特征(如ES6 String Literals)开发项目`Something ${variable} Something else`.

在调试问题时,我在我的打字稿文件中删除了一个断点,以便在源面板中逐步执行它,这通常可以正常工作.

但Chrome Dev Tools存在ES6字符串文字的问题,似乎无法识别ES6字符串文字的结尾.

相反,字符串文字后面的所有代码都标记为红色(调试器中的字符串突出显示)并且阻止了变量检查,因为chrome调试器似乎认为它只是一个庞大的字符串.

有人遇到过这个问题,找到了解决方案,或者知道这是否是谷歌Chrome开发工具的路线图？

编辑1:
看起来这个问题目前正由Chromium团队处理.请参阅问题报告以获取更新:
bugs.chromium.org/p/chromium/issues/detail?id=659515

编辑2: Bug已经打开很长一段时间了,但似乎没有被优先考虑.如果您遇到问题,请转到上面的chrome链接,并使用有用信息对其进行星标/评论,以便将其转移到Dev Tools团队的焦点.

我正在尝试使用Chrome开发者工具检查websocket流量.根据我的研究,您似乎应该能够使用网络标签查看它 - 它甚至还有一个'ws'的过滤器.

但是,我一直在检查我知道正在使用websockets的网站,并且无法找到检查来回发送的消息的方法.使用Chrome v56,也试过没有运气的Safari ...

有谁知道如何实现这一目标？

最近我在做一个网页设计项目，在最后一次谷歌浏览器更新后发现了一些奇怪的东西。按钮的默认边框样式（用户代理样式）已更改，这在视觉上对我来说很烦人。

是否有任何方法可以永久修改/恢复默认浏览器样式，即用户代理样式？

这是问题的一些图像：

我还检查了其他网站，甚至谷歌

还检查了开发工具，发现这个边框样式应用于按钮的焦点状态

今天我正在帮助同事调试一些代码,我注意到console.log()谷歌Chrome中有一个奇怪的行为:

如果您:

1. 创建一个嵌套数组(例如,[[345,"test"]])

2. 使用将数组记录到控制台console.log().

3. 修改其中一个内部数组值,然后console.log()输出后面的值 - 而不是console.log()执行时数组的值.

JavaScript:

var test = [[2345235345,"test"]]
console.log(test);
test[0][0] = 1111111;
// outputs: [[1111111,"test"]]

var testb = {};
testb.test = "test";
console.log(testb);
testb.test = "sdfgsdfg";
// outputs: {"testb":"test"}


var testc = ["test","test2"];
console.log(testc);
testc[0] = "sdxfsdf";
// outputs: ["test","test2"]

JSFiddle示例

在Firefox中不会发生此行为.

另外需要注意的是,如果我在Chrome调试器中逐行浏览他的代码,那么console.log()会输出正确的值.

这个奇怪的现象是否有解释,还是仅仅是Google Chrome的错误？

编辑:

我已经缩小了重现不一致console.log()行为的步骤:

如果您将此脚本添加到您的页面:

var greetings=['hi','bye'];
console.log(greetings);
setTimeout(function(){
    greetings.push('goodbye');
},3000);

并在Chrome 控制台窗口已打开的情况下在新窗口中打开它,然后console.log()输出将与在控制台窗口关闭时加载页面的输出不同.这是一个证明这一点的JSFiddle. …