问题标签 [chrome-debugging]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
133 浏览

typescript - 任何想法如何在 Array.prototype.every 的回调中触发断点?

我已遵循本指南并在 VS Code 上安装了chrome 调试器(与指南无关) - 我已修改index.tsx以包含以下代码:

我在里面设置了一个断点,f但它从未被触发。另一方面,在调试时没有被标记为灰色。我错过了什么?

内部的任何断点f1都被触发。

0 投票
2 回答
716 浏览

google-chrome-extension - 处理 chrome 扩展中的调试器分离

根据Debugger DevTools API,没有调试器分离事件。当用户单击“取消”时,我可以捕捉到分离调试器的事件吗?

附加示例代码:

0 投票
1 回答
900 浏览

android - 使用 Google DevTools 调试/检查 Ionic Apk

我正在尝试使用谷歌开发工具检查和调试 apk 文件。我没有使用 ionic 编写的应用程序代码和应用程​​序,但我有一个 apk 文件。我按照此来源中的步骤进行操作; https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

它只对 chrome 有用,对 apk 没有帮助。我可以看到 Chrome,但看不到 webviews、ionic 应用程序等。我尝试了很多东西,但找不到解决方案。我试过了;离子科尔多瓦运行android

但我得到了错误;ionic cordova run android 只能在 ionic 项目目录中运行。感谢帮助。

0 投票
2 回答
54 浏览

javascript - Javascript 过滤器不公平

我试图从一个数组中获取existCount,该数组在选定的数组中有id。

但是出了点问题,我有一个项目id = 5493但是existCount.length 0

我的 JS 代码:

Chrome 控制台视图:

https://i.stack.imgur.com/4UVWw.png

// 对不起,我忘记了第一行输出,但这一行在顶部,$scope.selectedScript它是existCount.length = 0

我的错在哪里?

我该如何解决?

谢谢!

0 投票
3 回答
3709 浏览

javascript - Chrome调试器 - 如何在不输入功能的情况下转到下一行?

例如:

我想让f1执行,但我不想重蹈覆辙。

是否可以?


无重复:

另一个问题是寻找一种方法来阻止任何行执行,而这个问题是关于让唯一的函数调用执行但没有调试器进入它们的执行的行。

0 投票
0 回答
1292 浏览

typescript - React native + typescript 在 chrome 调试器中看不到 ts

我最近开始了一个带有 typescript、redux、react navigation 和 redux saga 的 react native 项目。

一切正常。

我注意到,当我想在 chrome 调试器中调试时,我看不到 ts 文件,这些文件我只看到 js,当我将调试器放入代码中时,它只在 js 文件中停止。

一开始以为是自己项目的问题,于是用命令打开了一个新项目:

react-native init MyAwesomeProject --template typescript

  而且我似乎仍然看不到 ts。另外我下载了项目https://github.com/mmazzarolo/just-tap并且在那里我看不到 ts 文件。

包.json:

tsconfig.json:

Chrome 调试器设置

有时我会看到一些 ts 文件

(App.js 也是 ts)

0 投票
1 回答
3821 浏览

angular - 启动角度项目时错误连接被拒绝

有一天我在 Angular 4 中创建项目,我想再次这样做,但在更新版本的 Angular 上。

我做了什么:

1.) 安装 Visual Studio 代码。

2.) Nodejs的安装:Node版本是10.15.1 Npm版本是6.4.1

3.) 通过“npm install -g @angular/cli”推荐安装 Angular CLI。

4.)我通过 cmd 创建了新项目并通过 ng serve 构建了他。毕竟我在浏览器中通过 localhost:4200 启动了他——一切都很棒。

5.) Chrome 调试器的安装。

6.) 将默认端口从 8080 更改为 4200。

7.) 启动项目,我得到 ERR_CONNECTION_REFUSED。

我还尝试在默认端口(4200)上启动项目-同样的情况(错误连接)。

我做错了什么?我忘记了什么或者我不知道什么重要的事情?我在控制台/日志中没有任何警告或错误。我应该怎么做,让我的项目在 localhost:PORT 下的 Chrome 浏览器中?

0 投票
1 回答
36 浏览

javascript - 浏览器中 Javascript 源代码中的“w()”、“n()”

很抱歉这个愚蠢的问题,但我是 javascript 和前端开发的新手,并且很难理解 javascript 代码是如何在浏览器中执行的。在我的开发人员环境中,我有这样的 javascript 函数:

但是,如果我去我们网站的 prod 网页并尝试在开发控制台的 Chrome 的 Source 选项卡中搜索所有 javascript 文件,那里的代码如下所示:

n() 和 w() 代表什么?如何进入 publishFinalData_() 方法以便在此方法中放置断点或在浏览器中更改此函数的代码?

另外,我注意到,Source 选项卡中的 js 代码具有不同的变量,例如“a”、“c”、“e”、“d”:

这是怎么发生的?是否有任何在线资源可以帮助我为像我这样的傻瓜回答我的原因?

0 投票
1 回答
1022 浏览

google-chrome - 在 Chrome 调试器“网络”选项卡中混淆 HTTP/2 协议信息

我看到其中一些显示“h2”和一些“http/2+quic/43”,但从未显示“h2+quic/43”。在这种情况下,h2 和 http/2 有什么区别?“quic/43”中的“43”是什么?协议版本或端口号?

0 投票
0 回答
365 浏览

google-chrome - 使用 chrome 扩展修改 javascript 函数中变量的值

我可以手动在代码中放置一个断点,然后修改值并恢复执行。通过 chrome 扩展自动执行此操作是否可行?

我想修改函数中的“a”。