代码之家  ›  专栏  ›  技术社区  ›  Fosna

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

  •  104
  • Fosna  · 技术社区  · 11 年前

    并非所有JavaScript文件都在Chorme Developer工具中可见。

    谷歌Chrome是最新的。版本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/*路径上的源菜单下可见。从昨天起,脚本的第二部分就不可见了。开发人员工具有什么问题?

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

    开发人员工具有什么问题?有人知道吗?

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

    19 回复  |  直到 11 年前
        1
  •  140
  •   abiNerd    10 年前

    在开发者工具中打开网络选项卡并按F5刷新-感谢@Seano666对问题的评论

        2
  •  60
  •   Brendan    10 年前

    对我来说,我只需要打开开发人员工具设置,然后单击第一个选项卡中的“恢复默认值并重新加载”按钮。

    然后我所有的本地脚本再次出现,调试恢复正常。

        3
  •  29
  •   0x777    8 年前

    添加 debugger; 在脚本的任何部分执行指令时,调试器将在此时停止并向您显示脚本,即使脚本是动态加载的。

                    onSuccess: function (result) {
                        debugger;
                        combo.empty();
                        $(result).each(function () {
                            var option;
    
                            option = document.createElement('option');
                            option.value = this.Id;
    
                            $(option).appendTo(combo);
                        });
                    }
    
        4
  •  11
  •   Southern Fire    10 年前

    尝试右键单击 reload 按钮。
    您将获得一个菜单,您可以从中选择: Empty Cache & Hard Reload .
    这对我有用。

        5
  •  7
  •   Marcus    7 年前

    问题:我已经开发/调试了一段时间,然后遇到了类似的问题。尽管我的控制台日志显示了行号,但当我单击它们时,我还是被带到了空白页面的第1行。我的脚本嵌入在html中,因此我可以在“元素”选项卡中看到它们,但当我在“源”选项卡中打开文件时,它只是空白。

    解决方案:我的解决方案是 复制url地址并将其粘贴到新选项卡中 并重新打开开发工具。最初的标签不知何故进入了一个糟糕的状态。

        6
  •  4
  •   koshy6252    10 年前

    我也遇到过同样的问题,“清空缓存并重新加载”对我很有用。

        7
  •  4
  •   NiVeR    7 年前

    我遇到过同样的问题,文件夹未加载,我通过以下方式解决了问题:

    1. 在里面 Sources 模式下,单击蓝色突出显示的按钮:

      enter image description here

    2. 选择 Open file .

    3. 在搜索输入框中键入所需文件的名称。

    4. 从结果列表中选择文件。

        8
  •  1
  •   Tarandeep Singh    10 年前

    问题是由于网络映射和取消映射。 chrome开发工具中存在一些奇怪的bug,导致了此类问题。 有时,您甚至可以在侧栏中看到旧的css文件 当您从左侧栏打开css文件时。那将是一片空白 甚至更糟的是,甚至看不见。

    甚至我也尝试了所有的选择。 重新启动,删除所有chache,映射取消映射。隐姓埋名模式。 但最终不得不重新安装以进行修复。

    因此,继续进行新的铬安装。一切都应该很好。

        9
  •  1
  •   akaMahesh    8 年前

    原因是您的脚本文件尚未加载,请刷新页面 第5页 您将看到源代码中列出的脚本。 当您将脚本标签放在标签底部时,就会发生这种情况。

        10
  •  1
  •   Onur Kocatas    8 年前

    在我的案例中,这是Chrome缓存问题。刷新对我不起作用。映射以下文件后修复了我的问题

    1-在浏览器上打开文件,例如。 http://example.com/script.js

    2-添加版本,例如。 http://example.com/script.js ?v=2

    这将清除缓存,文件开始显示为可编辑。

        11
  •  1
  •   Shiko    7 年前

    我也遇到过同样的问题,并尝试过提到的答案,但结果是谷歌Chrome默默更新,需要重新启动,然后一切都正常。

    进来 chrome://settings/help 并检查是否需要重新启动。

        12
  •  1
  •   Gopal Sinha    6 年前

    如果您正在chrome中调试,请添加调试器;javascript中要停止浏览器进行调试的前后语句

        13
  •  0
  •   Steward Bopape    10 年前

    我也遇到过同样的问题,我所做的只是删除本地AppData中的所有Temp文件,在您的配置文件名下,例如C:\Users\userprofile\AppData\local\Temp

        14
  •  0
  •   Matteo Tosato    10 年前

    对我来说,这也是一个“映射和取消映射”的问题。 我删除了所有映射,但网站下的文件夹不可见。

    我的解决方案是:在开发工具的设置中,转到“工作区”选项卡。 仍然有一些映射。我删除了所有内容。重新加载后没问题。

        15
  •  0
  •   ArifMustafa    6 年前

    由于javascript脚本标记中的拼写错误,我遇到了这个问题。

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

    问题是属性内的拼写错误 type ,然后我改为:

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

    这对我来说很顺利,有时问题很小,但影响更大。

        16
  •  0
  •   Saumil    5 年前

    在我的例子中,问题是我所拥有的JavaScript文件加载时间要长得多(大约5分钟),所以给我的印象是它们根本没有加载。 当我长时间加载本地项目时,我看到过这种情况。一旦它们被加载,即使在我刷新页面之后,它们也会留在内存中。

        17
  •  -1
  •   J_W    4 年前

    所以我也有同样的问题,但我的决定是因为 <script> src="script.js"</script> 而不是 <script src="script.js"> 。修复后,文件加载正确。

        18
  •  -1
  •   Igal Krigel    4 年前

    按F12,然后按F1,页面底部有一个按钮,用于重置开发工具。 对我来说很有用。应用程序没有很好地显示用户界面,而且用户界面很活跃。

        19
  •  -3
  •   Fosna    11 年前

    我重新安装了Chrome,删除了Chrome配置文件数据。它现在起作用了。