blocks|key|2154729|text|这似乎是一个带有Chromium+DevTools的known+issue。基本上，超文本标记语言和其他非脚本内容在DevTools打开之前就已经被刷新了，没有可靠的方法来恢复它。在打开DevTools的情况下刷新页面可以“纠正”该问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2154730|entityMap|0|LINK|mutability|MUTABLE|url|https://code.google.com/p/chromium/issues/detail?id=354447^0|Q|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This appears to be a <a href="https://code.google.com/p/chromium/issues/detail?id=354447">known issue</a> with Chromium DevTools. Basically, the HTML and other non-script content is already flushed before DevTools opens and there's no reliable way to get it back. Refreshing the page with DevTools open "corrects" the issue.

blocks|key|1697669|text|我注意到一些严重的javascript问题会导致这样的问题。在我的例子中，由于一个打字错误，我错误地覆盖了整个文档。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697670|如果您在Chromium+WebTools调试器中得到一个空白的html页面，请仔细查看您的javascript，以确保它没有做任何奇怪的事情。|1697671|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I have noticed that some serious javascript issues cause problems like this. In my case, I was erroneously overwriting my entire document due to a typo.

If you're getting a blank html page in the Chromium WebTools debugger, take a good look at your javascript to make sure it's not doing anything strange.

blocks|key|4266655|text|我曾经遇到过这个问题，我刚刚发现在Inspector设置窗口(F1)中禁用"Enable+Javascript+Source+Map“解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4266656|我重新创建了我的js.map，重新启用了设置，但源文件仍然可用。|4266657|所以我想我的问题是我提供的是未精简的js+(dev设置)，但是map+(为prod设置构建的)仍然存在并且过时了。|4266658|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I had this problem, and have just found that disabling "Enable Javascript Source Maps" from the Inspector settings window (F1) solved it

I recreated my js.map, reenabled the setting and the source was still available.

So I think my problem was that I was serving unminified js (dev settings), but the map (built for prod settings) was still there and out of date.

blocks|key|4266697|text|在我的例子中，chrome中有一个扩展，导致调试器在调试器的"no+domain“部分下给出空白的索引页。在禁用了chrome中所有不必要的扩展后，调试器再次显示了正确的源代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4266698|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case there was an extension in chrome causing the debugger to give the blank index page under a "no domain" section of the debugger. After disabling all non-essential extensions in chrome, the debugger showed the correct source again.

blocks|key|5684265|text|我通过使用带有命令行参数"--user-data-dir“的全新会话，并禁用"Enable+Javascript+Source+Maps”，修复了我的问题。我的代码在Firefox调试器中显示得很好，所以看起来像是由Chrome+bug引起的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5684266|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I fixed my problem by using a brand new session with command line argument "--user-data-dir", and disabling "Enable Javascript Source Maps".
My code shows up fine in Firefox debugger, so looks like caused by a Chrome bug.

blocks|key|2154913|text|我也有同样的问题。甚至页面的刷新都不起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2154914|使用chrome://help和刷新浏览器%2B重启对我来说很有效。|offset|length|style|CODE|2154915|您也可以通过菜单更新Chrome：|2154916|​|2154917|📷|atomic|2154918|2154919|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/71c9711d308e3f7a8bb22f131a01dd2c.png|imageAlt^0|0|2|D|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|14|8|@]|9|@$D|15|E|16|1|17]]|A|$]]|$1|O|3|K|5|6|7|18|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

I had the same problem. Even a refresh of the page didn't worked.

Going <code>chrome://help</code> and refreshing the browser + restart worked for me.

You can update Chrome through the menu too:

<a href="https://i.stack.imgur.com/lJEbB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lJEbB.png" alt="enter image description here"></a>

blocks|key|1695394|text|在我的例子中，我无法访问控制台，因为它的选项卡也显示了一个空白页面。我的解决方案是在空白调试器屏幕处于焦点的情况下使用CTRL%2BSHIFT%2BI组合，然后在弹出调试器的控制台中输入parent.location.reload(true)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1695395|entityMap^0|2H|S|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

In my case, I was unable to access the console as it's tab also displayed a blank page. My solution is to use the CTRL+SHIFT+I combination with the blank debugger screen in focus, then type <code>parent.location.reload(true)</code> in the console of the popup debugger.

blocks|key|5684369|text|在我的例子中，它突然发生了，在我感染了恶意软件并重置了浏览器删除的缓存/appdata之后。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5684370|解决方案:在我的案例中，删除可能影响Js的扩展|offset|length|style|BOLD|5684371|我删除/禁用了以下扩展，并使用了|5684372|奇怪的是，在我使用这个插件之前，我觉得它就像心肺复苏一样。:)|5684373|entityMap^0|0|0|C|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|M|$]]

in my case it happend suddenly , after i infected with malware and i reset my browser - deleted cache/appdata.

Solution:
remove extension that may affect Js in my case

i removed/disabled the below extension and worked
<a href="https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en" rel="nofollow noreferrer">https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en</a>

strange because before i washaving that addon without problem , i think its like CPR to heart . :)

blocks|key|1695410|text|在我的例子中，我对运行了几天的browsersync忍无可忍。我弹了一口，解决了我的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1695411|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case, I had gulp with browsersync running for a few days. I bounced gulp and solved my issue.

blocks|key|1695417|text|当我有一个巨大的java-script文件时，我也遇到了这个问题，我有下面这行|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1695418|1695419|+++++++++++++points.push({+++++++++++++++++++++location:+new+google.maps.LatLng(46.5376919,+4.5425704),+++++++++++++++++++++date+:+"5/8/2017+5:11:00+PM",+++++++++++++++++++++free+:+true+++++++++++++++++});|blockquote|1695420|1695421|在一个for循环中，它计算了3000个项目，所以文件在脚本中变大，而文件在chrome源代码中是空白的。(我想我遇到了一些限制)|1695422|在通过删除100个项目来使文件变小之后，它工作得很好。|1695423|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|N|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|O|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|L|$]]

I had also this issue when I had a huge java-script file, I had this line 

<blockquote>
<pre><code> points.push({
 location: new google.maps.LatLng(46.5376919, 4.5425704),
 date : "5/8/2017 5:11:00 PM",
 free : true
 });
</code></pre>
</blockquote>

in a for cycle and it was counting 3000 items so the file grow big in the script and the file was blank in chrome sources. (I think I hit some limitation)

After making the file smaller by removing to 100 items it worked just fine.

blocks|key|1697813|text|在我的例子中，订单是有帮助的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1697814|1697815|关闭源代码中的空白选项卡|ordered-list-item|1697816|关闭开发工具|1697817|打开开发工具|1697818|在源代码中打开该选项卡(仍为空)|1697819|<代码>H19刷新页面<代码>H210<代码>G211|1697820|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|E|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|E|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

in my case the order helped was

<ol>
<li>close the blank tab in sources</li>
<li>close dev tools</li>
<li>open dev tools</li>
<li>open the tab in sources(its still blank)</li>
<li>refresh page</li>
</ol>

blocks|key|5684501|text|Dev+Tools+(F12)+->+Inspector设置窗口(F1)和底部的Restore+defaults+->+reload按钮非常适合我！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5684502|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Dev Tools (F12) -> Inspector settings window (F1) -> Restore defaults and reload [button at the bottom] works for me!

blocks|key|2155108|text|我也遇到了同样的问题，我的HTML文档在Sources选项卡中是空白的。我尝试了这里推荐的几个修复，但都不起作用。This+suggestion甚至导致所有本地脚本消失。唯一对我起作用的是，在检查员窗口中，按下F5键。归功于this+SO+answer。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2155109|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/52094225/12075411|1|https://stackoverflow.com/a/38830514/12075411^0|1L|F|0|34|E|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

I had the same issue where my HTML doc was blank in the Sources tab. I tried a couple of the fixes recommended here, but none of them worked. <a href="https://stackoverflow.com/a/52094225/12075411">This suggestion</a> even caused all local scripts to disappear. The only thing that worked for me was, from the inspector window, pressing the F5 key. Credit to <a href="https://stackoverflow.com/a/38830514/12075411">this SO answer</a>.

I am doing the C<a href="http://developer.chrome.com/extensions/tut_debugging.html" rel="noreferrer">hrome debugging tutorial</a>, using NetBeans and Google Chrome. Everything, including extensions, seems to work correctly, but when I get to section <code>Use the Debugger</code>, I cannot see the html code to insert a breakpoint.

After selecting inspect popup on the browser, it opens in Console, showing nothing, Elements shows popup.html with images added. When I go to Sources, the file popup.html can be opened, but the only line, Line 1, is blank. If I open the js file, the js file is there and can be edited (break pointed).

I am sorry - probably something basic, but I'm not very experienced with this. I've tried reloading and refreshing everything.

FOLLOW-UP: By entering <code>location.reload(true)</code> into the Console prompt, the popup.html file became visible as Source! Why? No idea.

I hope this saves someone the full day I spent stumbling around.

Chrome Developer tool: html script is blank (in source) debugging tutorial

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我正在用NetBeans和Google Chrome做C。一切似乎都正常，包括扩展，但是当我到达Use the Debugger部分时，我看不到插入断点的html代码。在浏览器上选择inspect popup后，它将在控制台中打开，不显示任何内容，Elements显示添加了图像的popup.html。当我转到Sourc...

问Chrome开发人员工具: html脚本为空(在源代码中)调试教程
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome开发人员工具: html脚本为空(在源代码中)调试教程EN