标签: developer-tools

我一直试图srcset通过浏览器开发人员工具查看我的浏览器使用的图像,但除了使用网络选项卡查看它取出的图像我无法分辨.

使用网络选项卡通常会很好,但有时我注意到它将获取不同大小的2个图像版本,如果一个断点为600而另一个断点为900且浏览器当前宽度为750px,则会发生这种情况.

(我已经在Chrome和FireFox上尝试了这一点,看起来Chrome在某些情况下会拉下这两个图像,但FireFox似乎只能拉下一个)

我想知道的原因是我感兴趣,如果它缩小了两个图像srcset剂量,它会在我缩放浏览器窗口时自动在它们之间交换？这是无法判断的,因为通过检查元素它只提供元素的原始html img,而不是img srcset它使用的实际选项.

在Chrome的JavaScript控制台中,如何调用属于我正在查看的网页中包含的.js文件的函数？

当我使用Chrome中的开发者工具收集JavaScript CPU配置文件时,我收到两个关于函数的神秘警告:

• 未优化:优化次数过多
• 未优化:内联纾困

这些实际意味着什么？什么是可能的解决方案？

我见过的另一个是Not optimized:TryCatchStatement,但这是有道理的.解决方案是删除try-catch.

到目前为止我发现的最接近的解释是这个 - https://github.com/GoogleChrome/devtools-docs/issues/53

由于标题可以在谷歌浏览器或Firefox中模拟方向？意思以某种方式更改浏览器以支持媒体查询(方向=(横向或纵向))

我有一个移动模拟器,但我想从chrome或firebug获得开发人员工具.

更新

Chrome v25具体......

对于任何人,在Google Chrome开发者工具>覆盖>覆盖设备方向,您可以更改alpha,beta和gamma.我认为这是一个开始的地方,但我不知道这些是如何工作的,因此无法找到任何东西..

也可以模拟CSS媒体,但不是肖像和风景,而是打印,屏幕,电视等.

更新v2

这是一个老问题,Chrome已经多次更改了如何执行此操作.

我正在测试一些我通过JavaScript创建的cookie.有没有办法检查cookie是否已在Chrome开发者工具中设置或类似？

默认情况下,如何在Chrome开发者工具中的网络工具中启用"保留日志"？每次我按F12然后选择网络选项卡,我需要单击保留日志复选框以使其保留请求/响应.默认情况下是否可以一直检查？

顺便说一句,这个功能适用于"Firefox Developer"版本.当我单击"持久日志"并关闭然后再次打开浏览器和DEV工具窗口时,仍然会检查它.

传统上我使用FireBug来调试我的AJAX请求.它允许您检查请求的内容以及从服务器发回的响应.(当这些情况发生时,它也会在控制台中通知您,这是Chrome似乎缺乏的有用功能).

在Chrome中,我似乎只能查看请求,而不是响应.当我尝试检查响应时,UI只显示"No Content Available"(开发人员工具>资源> myRequest.php>内容).我是否必须启用某些功能才能让Chrome开发者工具记住这些请求？

编辑:如果重要,这些请求将在Flash对象中进行.

我从这个网站上为Google Developer Tools使用了一些主题:http://devthemez.com/themes/chrome-developer-tools

但是,在32.0.1700.76米更新后,所有主题都已停止工作.

我需要做些什么才能让他们再次工作？

在这个网站上,有一个div属性class="item".当我点击F12以显示开发人员工具时.我按了Ctrl+ F键入class="item"并且没有结果回来.我也试过Ctrl+ Shift+ F但没有回复.这是一个截图:

即使我搜索class=,也只能找到HTML注释中的文本.提前感谢您提供的任何帮助.

我在我的Windows 7机器上安装了Internet Explorer 11,它没有在DOM Explorer中构建DOM.有谁知道这个问题？我试图卸载并重新安装IE很多次,但问题仍然存在.DOM Explorer选项卡显示图像中显示的错误 -