Questions tagged «google-chrome-devtools»

Chrome DevTools是Google Chrome内置的网络开发人员工具。

4
检查仅在鼠标悬停/进入其他元素时才会显示的元素
我经常想检查一个元素（例如工具提示），该元素仅在鼠标悬停/输入另一个元素时才会出现。通过jQuery的mouseenter事件使显示的元素可见。 我无法检查工具提示，因为当鼠标离开包含元素时工具提示会消失。 有没有一种方法可以暂停JS事件，以便我可以将鼠标悬停在元素上，然后暂停浏览器的JS并成功检查它？ 例如，尝试检查Twitter引导程序的工具提示：http : //getbootstrap.com/javascript/#tooltips。
1
Chrome> = 24-如何将devtools停靠在右侧？
我喜欢将devtools停靠在右侧。我记得当我第一次意识到不再需要手动拆分屏幕和位置窗口时，我多么高兴。 该选项的最新版本的chrome似乎丢失了。即使在我已经在右侧安装devtools的安装中，该选项也会被删除。 去哪了
20
检查Chrome中的悬停元素？
我正在尝试通过Chrome的开发人员工具查看网站上的工具提示的结构。但是，即使将鼠标悬停在该项目上，当我“检查元素”时，HTML中的工具提示也不会显示任何内容。我知道我可以将Style设置为:hover，但是仍然看不到工具提示的html或css。 有任何想法吗？
12
如何在React Native中查看网络请求（用于调试）？
我想在React Native中查看我的网络请求以帮助我进行调试-最好在Chrome devtool的“网络”标签中。 在GitHub（https://github.com/facebook/react-native/issues/4122和https://github.com/facebook/react-native/issues/934）上有一些封闭的问题，但我没有不能完全理解它们。听起来我需要撤消一些React Native的polyfill，然后运行带有额外调试标志的某些命令，也许还要修改某些Chrome安全设置？显然，这样做涉及到一些安全问题，这可能使它成为一个可怕的主意，但是线程中没有人明确声明它们的含义。 有人可以提供逐步指南以使“网络”选项卡与React Native一起使用，以及对这样做所涉及的安全性问题的解释吗？
9
“检查”悬停元素？
注意：我读过类似的主题，但是我的问题完全没有-我可以右键单击它，然后它消失。 我发现“检查元素”是Chrome中的宝贵工具，但是当我了解到许多人已经掌握的向导方式后，我的最新尝试是我在导航栏上为该元素创建了一个子菜单，将其悬停在下方时会弹出该菜单。父项。 弹出窗口（或向下弹出窗口）的样式不是我想要的，因此我右键单击> inspect元素以查看确切来自何处，并更好地了解如何实现所需的效果。 但是，一旦我将鼠标从菜单上移开，它就消失了。 因此，我无法在检查窗格中选择其他元素，也无法同时看到突出显示的区域。 是否有解决此问题的方法，而不更改菜单，使菜单一旦激活就保持“弹出”状态？
3
什么是影子根
在Google Chrome浏览器的开发人员工具中，我#shadow-root在<html lang="en">标签下看到了一个右侧。它有什么作用，用途是什么？我在Firefox和IE中都没有看到它；仅在Chrome中，这是一项特殊功能吗？ 如果我打开它，它会显示<head>，<body>并在旁边显示一个链接reveal，并单击指向，<head>和<body>，除此之外没有其他。
4
如何在Chrome开发者工具中转到特定文件？
我正在使用沉重的前端方法开发Web应用程序。通过使用Dojo和AMD-way，我目前拥有测试屏幕，可以轻松加载一百多个不同的javascript文件。 当我想调试任何特定问题或验证是否看到特定文件的旧版本时，我发现在Chrome开发者工具的“源”标签中确实找不到文件。 我可以采取任何快捷方式或操作来输入文件名，然后转到该文件的源吗？
3
如何使用拾色器（滴管）？
我刚刚发现了一个内置于chrome dev工具中的非常有用的工具。我什至不知道它的名字，也无法在Google上找到它。我会说这是一个像素检查器工具。 我发现以下方法如何使用它： 1a。检查具有背景色的html元素。 1b。定义元素的背景色。 单击颜色选择器。 将鼠标移到页面上的任何元素上（不在开发工具上） 请参阅：http : //skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif 我的问题：该工具名称是什么？如何轻松使用？大多数时候，我不在乎颜色，但是我想检查图标的像素。该工具有热键吗？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.