标签: google-chrome-devtools

如果禁用右键单击,如何检查chrome中的元素?

我想调试一个信息框,显示当我将鼠标悬停在谷歌地图标记上时.但谷歌地图禁用右键单击地图画布上的任何位置,因此我无法检查该元素以进行调试/查看.

我试图通过元素选项卡中的href内容搜索元素,但它没有显示在搜索上.

尽管没有右键点击,有没有办法检查元素?

debugging google-chrome javascript-debugger google-chrome-devtools

64
推荐指数
4
解决办法
11万
查看次数

当前浏览器窗口关闭时,如何阻止Chrome开发人员工具关闭?

我正在尝试使用chrome开发人员工具调试我在Twitter oauth中遇到的问题.

当oauth窗口出现时,我打开开发人员工具来监视请求 - 但是一旦oauth窗口关闭,开发人员工具窗口也会关闭.我希望能够保持开发人员工具窗口打开,以便我可以检查所做的请求.

这可能吗?

google-chrome-devtools

64
推荐指数
3
解决办法
3万
查看次数

如何删除所有最近的控制台命令

通过将焦点置于控制台并按上/下键来使用先前提交的命令.我想删除所有最近的命令.我试过这个命令:

console.clear(); 
Run Code Online (Sandbox Code Playgroud)

但它仍然无法正常工作.我甚至在浏览器中清理整个cookie和缓存.但这些命令仍在控制台上.有谁知道怎么样?

javascript google-chrome-devtools

64
推荐指数
5
解决办法
3万
查看次数

我可以阻止Chrome开发者工具控制台记录图像404错误吗?

Chrome Developer Tools控制台会在每次找不到页面资源(包括图像)时记录错误(即返回404).

在我的工作中,我经常在第三方提供图像的网站上工作,在开发过程中可能无法使用.将每个丢失的图像显示为控制台中的错误会使其他更重要的错误(例如JavaScript错误)更难以注意到.

是否有一个设置可以阻止控制台将未显示的图像记录为错误?

或者是否有某种方法可以按照您可以在"网络"选项卡中筛选请求的相同标准来过滤控制台消息?

(参见http://chromium.googlecode.com/issues/attachment?aid=1337330000000&name=Screenshot-Google%2B+-+Google+Chrome.png&token=1F05er8uKjAQEEBrUITFjsIGJ2A%3A1358867878658&inline=1)

javascript image google-chrome-devtools

63
推荐指数
2
解决办法
3万
查看次数

从控制台调用Javascript函数

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

javascript function developer-tools google-chrome-devtools

61
推荐指数
3
解决办法
12万
查看次数

Chrome:发布数据的来源?

我正在使用Chrome 15和开发者工具来调查HTTP POST请求.发送请求后,在标题下的网络选项卡中有一个名为表单数据的部分.此部分包含格式良好的帖子数据.但是:如何获取发布数据的来源,即请求正文?

目前,我使用Firefox和Firebug来获取数据,或者我从格式化的表单数据中重建源代码.繁琐...

post google-chrome google-chrome-devtools

61
推荐指数
2
解决办法
7万
查看次数

Chrome Profiler中的"未优化"警告是什么意思?

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

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

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

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

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

javascript optimization google-chrome developer-tools google-chrome-devtools

61
推荐指数
3
解决办法
1万
查看次数

在Chrome开发人员工具中调试时跳过一行

谷歌Chrome开发人员工具中是否有一项功能允许在调试时跳过一行而不执行它,就像在Visual Studio中可以完成的那样?

我能想到的一个解决方法是通过包装线来"实时编辑"代码

if(false){ //line to be skipped }
Run Code Online (Sandbox Code Playgroud)

但这并不是每次刷新后我都必须做的最方便的解决方法.是否有内置或更快,更好的方法来做到这一点?

debugging google-chrome google-chrome-devtools

61
推荐指数
1
解决办法
2万
查看次数

Chrome/Firefox中双美元符号选择器查询功能的来源是什么?

检查这个jsfiddle,看看控制台.$$没有定义.现在,打开一个全新的窗口,进入$$控制台.它定义了一个函数,用于获取与选择器匹配的所有dom元素的(类jquery)数组:

> $$

bound: function () {
  return document.querySelectorAll.apply(document, arguments)
}
Run Code Online (Sandbox Code Playgroud)

这是由Dev工具添加的吗?在Firefox中使用Firebug时也会出现此问题.它是由工具本身在内部使用的吗?

javascript firebug google-chrome google-chrome-devtools

60
推荐指数
2
解决办法
1万
查看次数

按正则表达式示例过滤

有人可以为Google Chrome开发者工具栏提供正则表达式过滤器的示例吗?

我特别需要排除.我尝试了很多正则表达式,但不知怎的,他们似乎没有工作:

在此输入图像描述

regex google-chrome-devtools

60
推荐指数
3
解决办法
2万
查看次数