标签: google-chrome-devtools

我想在Google Chrome Web Developer Tools中检查DOM对象的属性,因此我console.debug();使用DOM元素作为参数调用:

HTML:

<audio controls="controls">
  <source src="http://upload.wikimedia.org/wikipedia/commons/6/65/Star_Spangled_Banner_instrumental.ogg" type="audio/ogg" />
  Your browser does not support the audio tag.
</audio>

使用Javascript:

console.debug(document.getElementsByTagName('source')[0]);?

JS小提琴

但是,Chrome控制台只是在调用时显示元素的HTML,console.debug();并且不会显示DOM节点对象的任何javascript属性.

如何在Chrome Developer中查看DOM对象的属性？我正在使用Mac.

如果我使用console.log从脚本内部记录对象,我可以在控制台中看到该对象,我可以通过单击小箭头来检查它.所以我可以看到它有什么方法(即使在它的原型中).但是我可以在控制台中直接运行其中一种方法吗？

换句话说,是否有某种神奇的变量(类似于$0)我可以在控制台中输入,它会让我最后记录的对象？

Web开发者工具中的Chrome网络选项卡显示我的一堆AJAX请求需要16027.8天才能完成.这是......不是他们花了多长时间.

我可以在多台机器上以及开发和生产环境中复制它.对于正在发生的所有Dojo AJAX请求都会发生这种情况onload.其他webapp或第三方请求(如登录AJAX或Facebook)不会发生这种情况.

到底是怎么回事？我们的服务器是否以某种方式搞砸了？这是Chrome开发工具中的一个错误(几乎可以肯定的是,对吗？),如果有的话,有什么可以做的吗？正如你所想象的那样,它使视觉瀑布变得毫无用处.

编辑:根据新信息,这似乎是IBM Websphere Commerce站点的常见问题.服务器或代码怎么可能导致这个？看这里的例子:

http://www.ikea.com/us/en/catalog/categories/departments/kitchen/# http://www.lavieenrose.com/webapp/wcs/stores/servlet/LVER_10052_10001_-1 HTTP:// WWW. ferragamo.com/shop/en/usa

编辑2:此问题已在最新版本的Chrome中修复.

我在这里的第一篇文章=].

我正在构建一个chrome扩展,我正在递归使用setTimeout.我注意到,如果我将它设置为最多13秒,它可以工作,但如果我将它设置为14秒+它将无法正常工作.

这是我的background.js上的一个例子

function start() {

    var timeout = setTimeout( function() { start(); }, 1000*15);
    alert('test');
}

chrome.webNavigation.onCompleted.addListener(function(o) {

    start();

    }, {
      url: [
        {urlContains: 'http://www.example.com/in.php'},
        {urlContains: 'http://www.example.com/out.php'}
      ]
    }
);

如果将超时减少到1000*13,它就可以工作.

这是我的manifest.json

{
  "name": "Extension",
  "version": "0.0.7",
  "manifest_version": 2,
  "description": "Keeps proxy session alive",
  "homepage_url": "http://www.example.com",
  "icons": {
    "16": "icons/icon16-on.png",
    "48": "icons/icon48-on.png",
    "128": "icons/icon128-on.png"
  },
  "default_locale": "en",
  "background": {
    "scripts": [
      "src/bg/background.js"
    ],
    "persistent": false
  },
  "browser_action": {
    "default_icon": "icons/icon19.png",
    "default_title": "Example - Off",
    "default_popup": ""
  },
 "permissions": [ …

当我访问网站时,我想保存我在其上找到的有趣颜色.

如何使用chrome开发人员工具从我目前看到的页面中选择颜色代码？

注意:我不想使用像chrome扩展插件这样的第三方插件.

我正在为Web应用程序开发一个模块.要触发此模块,我需要向服务器提交一些数据.对于简单的表单,从开发人员工具"复制为cURL"工作正常(使用来自msys [git]的curl),但是对于具有multipart/form-data的post请求,复制的字符串既不能用于windows shell(cmd)也不能用于bash (表格msys); 复制的文本类似于

curl "http://myserver.local" -H "Origin: http://wiki.selfhtml.org" -H "Accept-Encoding: gzip, deflate" -H "Accept-Language: de-DE,de;q=0.8,en-US;q=0.6,en;q=0.4" -H "User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.130 Safari/537.36" -H "Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryntXdlWbYXAVwCIMU" -H "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8" -H "Cache-Control: max-age=0" -H "Referer: http://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:HTML_form-Element1.html" -H "Connection: keep-alive" --data-binary "------WebKitFormBoundaryntXdlWbYXAVwCIMU"^
"Content-Disposition: form-data; name=""area"""^

"multi"^
"line"^
"------WebKitFormBoundaryntXdlWbYXAVwCIMU--"^
"" --compressed

有什么办法,我可以使用它或将其转换为可用的东西吗？

我的Chrome开发者工具存在问题.
我的版本是Version 46.0.2490.71 (64-bit)
根据在线教程,我可以转到Sources选项卡,右键单击一个脚本文件,将有Blackbox Script选项可供选择.
但是,我在我的Chrome中看不到任何选项.我如何启用该选项,因为我不了解正则表达式？

另一个问题:即使我将脚本添加到黑盒列表中,脚本仍然会被调试.奇怪的!!

我想问的另一件事是我如何黑盒子"无限量"的VM文件？

该文档似乎指出，manifest.json 中的“显示”属性有四个选项：全屏、独立、最小用户界面和浏览器

我决定为我的一个应用程序选择“浏览器”，但来自 Chrome（版本 76）的消息显示“清单‘显示’属性必须是‘独立’、‘全屏’或‘最小用户界面’之一”。如果我未定义“显示”，也会出现该消息。

“浏览器”是一个过时的选项还是它还没有进入最新的 Chrome 版本？

（我可能应该提到该消息出现在 Chrome DevTools>application>manifest 中）。

我想我有一些代码可能会在每次执行某个操作时创建一个新的突变观察者。我希望能够了解情况是否如此，但不知道它们在控制台中的位置，或者它们是否存在。

我正在使用 redux-devtools-extension 开发 React Native 应用程序：

在 React Native 调试器中它可以工作，您可以看到window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__并且window.__REDUX_DEVTOOLS_EXTENSION__定义正确。

在 chrome devtools 中并非如此。

有谁知道如何在 chrome devtools 中定义这些？我在 Chrome 中安装了 redux 扩展，并尝试重新安装它。