标签: javascript-debugger

我调试Samsung TV Tizen Web Application与Tizen Studio 3.6和Google Chrome Version 80.0.3987.100 (Official Build) (64-bit)。但是Chrome Inspector显示黑屏。

Chrome 路径配置：

铬黑屏：

请帮我解决这个问题。

我的Javascript代码(数百行)挂起Chrome,当我调试问题时,我发现变量未定义.我在控制台中没有出错.所以这使我的调试更耗时,因为没有错误或异常或任何告诉我问题所在的地方.

我不想添加调试代码.有没有办法让调试器发出错误,打破调试器或给出异常或在运行时遇到未定义的变量时显示对开发人员有用的东西？它不一定只适用于Chrome.

我经常使用Chrome的调试器控制台来试验javascript代码片段.当我做对了,我通常想将所需的命令复制到我的脚本中,但这里是它变得混乱的地方.对于命令没有过滤器选项,也没有办法调用某些命令(比如在Bash中使用Ctrl-R),因此您需要逐步执行历史记录中的所有命令并逐个复制所需的命令.

相反,我认为应该可以从某个文件或Sqlite数据库中检索命令历史记录.但我找不到它.

所以我的问题是:Chrome的调试器控制台命令历史存储在哪里？

在调试我用Firebug写的JavaScript程序时,Script面板停止工作,我得到以下消息:

我浏览了所有可以找到的菜单和子菜单,但没有看到重新启用此功能的选项.该console.log()命令在Firebug中也不起作用(虽然它在内置的devtools控制台中有效).

如何重新激活Firebug Script面板？可能是什么导致了这个？

在 Firefox Developer Edition 的调试器中，我设置了一个断点来定位 JavaScript 变量的赋值。我希望能够将鼠标悬停在所有先前定义的变量上，以在工具提示中查看它们的值，就像以前版本的 Firefox 一样，但它没有向我显示任何内容，而且似乎没有一个可以添加到侧面的窗口：

关于如何显示变量值有什么想法吗？

如果我知道 JavaScript 函数的名称，或者如果我有一个函数的引用（例如在回调中），我如何在使用 Firefox Quantum 调试器时找到该函数的定义位置。

在 Firebug/Firefox 调试器中，我曾经能够在 JS 控制台中输入函数名称，它会打印一些信息，我可以单击该输出并转到函数定义。

现在在 Firefox Quantum 中，如果我单击函数名称，它会在控制台中展开以显示有关函数对象的信息。

Chrome 调试器仍然以 Firebug/Firefox 过去的方式工作，但我最终需要在两种浏览器中进行调试/测试。

我正在使用 chrome 的 Javascript Profile 来存储 cpuprofile。当我们在 Chrome 中捕获 cpu 配置文件时，它会读取源映射的详细信息并显示实际源文件的路径和行号，类似于下图所示。

但是，如果我保存配置文件并再次加载它，它就不再使用源映射，如下所示。

看起来生成的 .cpuprofile 文件没有任何与源映射相关的信息。我需要将源映射与 cpuprofile 一起使用。有什么办法可以完成这个吗？

是否可以JSLint通过在chrome或firefox中的调试/开发者控制台的头文件中加载JSLint 来运行一个或多个.js文件？

我想这样做的原因是,我想在打印console.log()的解析JSLint中JSON,它说,在文档:

// You can obtain the parse tree that JSLint constructed while parsing. The
// latest tree is kept in JSLINT.tree. A nice stringication can be produced
// with
//     JSON.stringify(JSLINT.tree, [
//         'string',  'arity', 'name',  'first',
//         'second', 'third', 'block', 'else'
//     ], 4));

我正在研究远程 JavaScript 调试器和页面检查器。我试图找到一种方法来以编程方式获取页面加载的所有页面资产（样式表、脚本、图像、字体等）的列表，并将它们传递给远程检查器。我希望能够在检查员端编辑资产并将它们传递回客户端。最后，我想在页面加载后强制重新加载资源（例如重新加载样式表）。

是否有任何浏览器 API 或 JavaScript 技术可以做到这一点？

我可以想到两种方法：

1. 使用window.performance获得的资产清单。但是，不包含资源内容，并且依赖于解析 URL 来确定它是资源的类型。我不确定它是否也包含 CSS 图像之类的内容。
2. 抓取/解析页面的<style>、<script>、<img>标签并查看 CSS 以获取其他资源。非常劳动密集且容易出错，我仍然不知道它包含资源内容。

关于如何做到这一点的任何建议？

我试图在Visual Studio代码中调试Cucumber方案,并在下面进行了更改launch.json.

{
            "name": "e2e",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}\\node_modules\\.bin\\cucumber-js",
            "stopOnEntry": false,
            "args": ["--no-timeouts", "--colors"],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "outFiles": [
                "${workspaceRoot}\\features\\step_definitions\\*.js"
            ]
},

但是,我无法使用上述配置运行调试会话.步骤def.我在JavaScript中创建的文件.那么,如果看起来不错,只需要上面的脚本帮助吗？