来源神秘地出现

我以为我了解浏览器是如何工作的,但似乎没有。 🙁

给定一个网页:

<html> <head> <meta charset="utf-8"> <title>My website</title> <link rel="stylesheet" href="styles/main.css" charset="utf-8"> </head> <body> <div id="container"></div> <script src="scripts/main.js" charset="utf-8"></script> </body> </html> 

networking面板:由nodejs在本地提供:

在这里输入图像说明

好的,对。 但是networking活动中还没有出现更多来源:

在这里输入图像说明

他们如何到达那里? 我在main.js或其他地方看不到src/scripts/main.jsx/node_modulesmain.js

背景这当然是由于我的一些构build错误,尤其是与browserify(和babel / react)。 我在那里做错了,但是我更加困扰,我无法理解这些资源是如何在我的浏览器中出现的。

这里的差异很可能是源图的缘故。 在来源选项卡中,点击右上angular的菜单图标并select设置。 从这里取消选中“启用JavaScript源地图”并刷新,看看是否确实是罪魁祸首。

在这里输入图像说明