标签: developer-tools

我正在尝试在开发人员工具中查看/编辑 :after 元素的样式。

如何找到::before与::after伪元素相关的规则？

我错过了什么吗？因为我尝试使用 Chrome devTools，这里它描述了在哪里/如何访问 @media 查询检查器，但我没有看到它应该在哪里...... GOOGLE CHROME DEVTOOLS MEDIA QUERIES Inspector

如果有人建议检查媒体查询，那么也非常感谢。也许这是一个愚蠢的问题，而不是“值得”，但我感谢这里的任何帮助（我也可以根据您的要求关闭/删除这个问题）。非常感谢。

我使用谷歌浏览器版本55.0.2883.87 m。

当开发者工具打开时， navigator.userAgent 的值如下： Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Mobile Safari/537.36

当开发人员工具关闭时，该值如下： Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML，如 Gecko)

我发现了一个通过http://www.howtogeek.com/113439/how-to-change-your-browsers-user-agent-without-installing-any-extensions/更改当前选项卡的 userAgent 的方法

但我希望即使我打开不同的选项卡，此更改也能保留在那里。那么，我有什么办法可以做到吗？

当某些网站或 Web 应用程序中抛出未捕获的异常时，每个浏览器的开发者工具中都会出现错误

例如，在Electron中，如果出现未捕获的异常，开发人员可以设置侦听器并根据错误消息执行我想要的操作：

process.on('uncaughtException', function (error) {
    // Handle the error
}

所以，我想知道是否有一种简单的方法可以在 JavaScript 中执行相同的操作。这对于记录和存储用户工作时的常见错误，或者向用户显示发生的情况非常有用，用户可以向开发人员发送反馈。

可以显示类似的东西

有时，如果发生错误，应用程序会处于不稳定状态，所有内容都被冻结，而用户不知道原因。我认为告知错误很重要。

我发现了这个Error JavaScript 对象。它可以手动抛出，但只能在使用try和catch时使用，而不能用于开发人员犯了一些错误的未捕获的异常。

Google Chrome 开发者工具中的“Step”和“Step into”有什么区别？我什至在文档https://developers.google.com/web/tools/chrome-devtools/javascript/step-code 中找不到它

我一直在使用 HTML，但我无法\xe2\x80\x99 弄清楚为什么开发人员工具将某些元素设为灰色。你能帮忙的话，我会很高兴。

我一直使用Google Chrome开发者工具.突然,工具栏图标消失了.他们曾经是上述的每一个Elements,Resources等等......现在他们都走了.我想这没关系,因为我首先不需要它们.但是,有没有办法让它们重新开启？

我正在创建一个纯粹基于浏览器的应用程序 - HTML和JavaScript.

我没有安装Android IDE(也没有安装iOS) - 并且不希望安装一个并执行远程调试.

在我的PC上进行开发,我使用Chrome浏览器和开发人员工具来查看JavaScript控制台以进行调试.

我怎么能在Android平板电脑(或更高版本的iOS)上做到这一点？我更喜欢纯粹的基于浏览器的解决方案,但可以接受基于Android/iOS的应用程序.

为什么Chrome会显示两个不同的数据集,具体取决于您是否展开了对象视图？

在简约视图中,我的对象有两个属性:

在展开视图中,我的对象有三个属性:

我正在使用"勇敢"浏览器,当我打开开发人员工具时,他们会在一个单独的窗口中打开.有谁知道如何让它们出现在同一页面上,比如在Chrome/Vivaldi /等中？