标签: google-chrome-devtools

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

从Chrome扩展程序中的background.js读取控制台消息的位置?

我刚开始使用谷歌Chrome扩展程序,我似乎无法从我的后台js登录到控制台.发生错误时(例如,由于语法错误),我也找不到任何错误消息.

我的清单文件:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}
Run Code Online (Sandbox Code Playgroud)

background.js:

alert("here");
console.log("Hello, world!")
Run Code Online (Sandbox Code Playgroud)

当我加载扩展时,警报出现但我没有看到任何记录到控制台.我究竟做错了什么?

debugging console google-chrome-extension google-chrome-devtools

176
推荐指数
5
解决办法
7万
查看次数

Chrome开发工具 - 修改javascript并重新加载

是否可以修改页面的JavaScript然后重新加载页面而不重新加载修改后的JavaScript文件(从而失去修改)?

javascript google-chrome-devtools

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

Google Chrome开发者工具 - 禁用黑色模拟选项标尺

在谷歌C​​hrome版本38+中,有一个带有设备仿真选项的新黑色标尺.有谁知道如何禁用它?

标尺和仿真选项

google-chrome rulers google-chrome-devtools

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

使用Chrome开发者工具发出HTTP请求

有没有办法在不使用像POSTER这样的插件的情况下使用Chrome开发者工具发出HTTP请求?

google-chrome google-chrome-devtools

159
推荐指数
8
解决办法
20万
查看次数

为什么Chrome调试器认为关闭的局部变量未定义?

使用此代码:

function baz() {
  var x = "foo";

  function bar() {
    debugger;
  };
  bar();
}
baz();
Run Code Online (Sandbox Code Playgroud)

我得到了这个意外的结果:

在此输入图像描述

当我更改代码时:

function baz() {
  var x = "foo";

  function bar() {
    x;
    debugger;
  };
  bar();
}
Run Code Online (Sandbox Code Playgroud)

我得到了预期的结果:

在此输入图像描述

此外,如果eval在内部函数中有任何调用,我可以按照我想要的方式访问我的变量(无论我传递给什么都没关系eval).

同时,Firefox开发工具在两种情况下都给出了预期的行为.

与Chrome有什么关系,调试器的行为不如Firefox?我已经观察了这种行为一段时间,包括版本41.0.2272.43 beta(64位).

是不是Chrome的javascript引擎可以"平坦化"这些功能呢?

有趣的是,如果我添加在内部函数中引用的第二个变量,x变量仍未定义.

我知道在使用交互式调试器时经常有范围和变量定义的怪癖,但在我看来,基于语言规范,应该是这些怪癖的"最佳"解决方案.所以我很好奇这是因为Chrome比Firefox更优化.以及在开发期间是否可以轻松禁用这些优化(也许在开放工具打开时应该禁用它们?).

此外,我可以使用断点和debugger语句重现这一点.

javascript google-chrome google-chrome-devtools

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

了解Chrome网络日志"停滞"状态

我在chrome中有以下网络日志:

网络日志

我不明白其中的一件事:填充灰色条和透明灰色条之间的区别是什么.

google-chrome http httprequest google-chrome-devtools

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

是否可以在Chrome网络检查员网络标签中隐藏扩展程序资源?

当我在Chrome网络检查器中查看页面的下载资源时,我还会看到某些扩展程序所请求的HTML/JS/CSS.

在此输入图像描述

在上面的示例中indicator.html,indicator.js并且indicator.css实际上是可读性Chrome扩展程序的一部分,而不是我的应用程序的一部分.

在这种特殊情况下,这不是一件大事,但是在一个更复杂的页面上安装了几个扩展程序,它可能会非常拥挤!

我想知道是否有办法从此列表中过滤掉任何与扩展相关的资源(即使用该chrome-extension://协议的任何请求).

有谁知道我怎么能做到这一点?

google-chrome google-chrome-extension google-chrome-devtools

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

HTML Body用Chrome的开发人员工具说cz-shortcut-listen ="true"?

我正在测试我正在制作的一些HTML代码,并且在使用Google Chrome版本22.0.1229.94 m上的开发者工具时,我看到<body>标签具有属性cz-shortcut-listen="true"(当然不在我的代码中).它是什么意思,为什么会出现?(我尝试在谷歌查找,但没有发现相关)

截图

html google-chrome google-chrome-devtools

140
推荐指数
1
解决办法
5万
查看次数

Chrome开发人员工具中的人类可读的javascripts

有没有人知道Chrome开发者工具是否可以将javascripts格式化为人类可读形式?某种美化会很方便.假设我正在使用一些JS库,我需要实例化它的对象,这样我就应该知道将什么放入构造函数中.但是,在Chrome开发者工具用户界面中搜索这个包含4行的大型库非常烦人......

否则服务器端需要注意实现"开发模式",提供未缩小的javascript文件...

javascript google-chrome-devtools

136
推荐指数
1
解决办法
4万
查看次数