Chrome 开发工具不再显示所有的 JavaScript 文件

并不是所有的 JavaScript 文件都可以在 ChormeDeveloper 工具中看到。

谷歌浏览器是最新的。版本44.0。2403.130 m 应用程序的调试版本。 脑子里有剧本。

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>


...


<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

脚本的第一部分可以在 Chrome 开发工具中在 localhost/Scripts/* 路径的 Source 菜单下看到。脚本的第二部分从昨天开始就不可见了。开发工具有什么问题？

JavaScript 控制台中没有错误。我可以在网络选项卡中看到对 JavaScript 文件的成功请求。所有 JavaScript 都已加载。应用程序运行良好。

开发工具有什么问题? 有人有什么想法吗？

如果我将本地主机“文件夹”添加到工作区，所有内容都是可见的，甚至是服务器端源文件。

133846 次浏览
小开
最佳答案

I have reinstalled Chrome with removing Chrome profile data. It works now.

小开

The issue is due to network mapping and unmapping. There is some weird bug in chrome dev tools which causes these kind of issues. Some times you might even see, old css files in the side bar and when you open the css file from the left side bar. it would be just blank or even worse, wont even be visible.

Even i have tried all the options. restarting, removing all chache, mapping unmapping. incognito mode. But in the end had to reinstall to make this fix.

So go ahead do a fresh chrome install. everything should be Fine.

小开

I have experienced the same problem, all I did was delete all Temp files in the local AppData, under your profile name e.g C:\Users\userprofile\AppData\Local\Temp

小开

I had the same issue and "Empty cache and hard reload" worked for me.

小开

Opened the network tab in developer tools and pressed F5 to refresh - thanks @Seano666 for your comment on the question

小开

For me also was a 'mapping and unmapping' issue. I removed all the mappings, but the folders under the web site weren't visible.

The solution for me was: in the settings of the dev tools go to the "Workspace" tab. There were still some mapping. I removed all. After a reload was okay.

小开

Try right click on reload button in developer tools.
You'll get a menu from which you can choose: Empty Cache & Hard Reload.
That worked for me.

小开

For me I just had to open the Developer Tools settings and click on the "Restore defaults and reload" button in the first tab.

Then all my local scripts showed up again and debugging was back to normal.

小开

Add the debugger; instruction at any part of your script, the debugger will stop at this point and show you the script, even if the script is dynamically loaded.

                onSuccess: function (result) {
debugger;
combo.empty();
$(result).each(function () {
var option;


option = document.createElement('option');
option.value = this.Id;


$(option).appendTo(combo);
});
}
小开

The reason is your script file is not loaded yet, refresh page with f5 and you will see scripts listed in sources. This happend when you put your script tag in bottom of tag.

小开

In my case it was the Chrome cache issue. Refreshing did not work for me. After mapping the file below fixed my issue

1- Open the file on browser e.g. http://example.com/script.js

2- Add a version e.g. http://example.com/script.js?v=2

This clears the cache and the file start showing up as editable.

小开

I had the same issue and tried mentioned answers, but it turned that Google Chrome updated silently and it needs to be relaunched then everything works well.

Enter chrome://settings/help in your chrome URL and check if it needs relaunching.

小开

I have experienced the same issue with a folder not being loaded and I resolved it in the following way:

  1. In Sources mode, click the blue-highlighted button:

    enter image description here

  2. Select Open file.

  3. Type the name of the wanted file in the search input box.

  4. Select the file from the result list.

小开

Problem: I had been developing/debugging for some time, and then I encountered a similar issue. Even though my console logs showed line numbers, when I clicked them, I was taken to line 1 of a blank page. My scripts were embedded in the html, so I could see them in the Elements tab, but when I opened the file in the Sources tab, it was just blank.

Solution: The fix for me was to copy the url address and paste it into a new tab and reopen dev tools. The original tab had gotten into a bad state somehow.

小开

If you are debugging in chrome, Add the debugger; statement before and after in the javascript where you want to browser to stop for debugging

小开

I faced this issue, due to spelling mistake inside javascript script tag.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

issue were spelling mistake inside attribute type, which then I changed to:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

and it worked smoothly for me, sometime the issue is very minor but effects are bigger.

小开

In my case, the issue was that the JavaScript files that I had were taking a lot longer to load (about 5 minutes) so it gave me the impression that they were not getting loaded at all. I've seen this happen when I load the local project after a long time. Once they are loaded they stay in memory even after I refresh the page.

小开

So I had the same issue, but my resolution was because I had <script> src="script.js"</script> instead of <script src="script.js">. Once I fixed this, the file loaded correctly.

小开

Hit F12, then F1 and at the bottom of the page is a button that will just reset the dev tools. Worked for me. The application didn't showed the UI well, and the UI was bouncing.


提交答案