chrome自动进入VM模式无法调试

最新推荐文章于 2024-04-18 11:25:47 发布
最新推荐文章于 2024-04-18 11:25:47 发布
阅读量6k 收藏 1
点赞数 1
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010598271/article/details/53740778
版权
本文介绍了在Chrome浏览器中遇到无法为本地JavaScript文件设置断点的问题及其解决方案，包括使用pretty print功能重新格式化代码以实现断点调试，以及通过清空缓存或重启浏览器来尝试解决问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

chrome下调试本地js，不能设置断点，在控制台显示VM+数字+要调试的文件名。

解决方案：

1》、在调试<source>的左下方有一个{}图标，提示“pretty print”，点击，chrome就会另外打开一个:formatted的文件，在里面就可以调试了。

原因估计是chrome将源文件误认为是压缩过的，所以不能断点调试，重新格式化下就行了。

2》、清空缓存或重启浏览器


原因：尚未得知

Chrome 开发者工具 Console 面板里的 VM 是什么含义
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-27 1967
为了在 Chrome Debugger Sources 下查看使用 eval 创建的 js，请在 js 的末尾设置此。或者，源映射将与生成的文件具有相同的名称，但具有“.map”扩展名。例如，对于“page.js”，将生成一个名为“page.js.map”的源映射。我们如果直接在 Chrome 开发者工具 Console 面板里使用 console.log 打印，则打印的字符串的右边，也会出现这些。有两种建议的方法将源映射链接到输出。选项卡，找到 AJAX 请求，并查看整个 HTML 响应，包括您的脚本。
【Flutter】Flutter CLI (2)：调试分析项目 flutter analyze 命令详解
Code Metaverse
05-19 589
flutter analyze 详解
chrome浏览器调试器出现debugger：\\VM引发的问题
blackcat88的博客
04-12 1万+
一、背景 用jquery绑定按钮，莫名其妙偶发不生效，why？带着这个问题开始debug： 二、过程： 先打开Chrome下的调试工具，发现不能加断点，会跳到一个vm+数字 通过source发现项目下的js文件夹都不见了： a、找不到source怎么办？ 换个方式查看一下： b、点击pretty print ,出来一个formatted文件，这个文件可以加断点调试： c...
Chrome浏览器调试时进入[VM]前缀的js文件,断点无效
nann-viiv 的博客
07-31 4665
如标题： 搜了很多博客，最终解决的是点击上面的两个按钮， 尴尬的是忘记最终点哪个成功了， 如果下次再遇到，会回来更新解决方法。。。
chrome浏览器开发者工具中sources中的VM+数字
Make
04-06 4189
Chrome是一款基于Webkit内核的浏览器。 Webkit原先使用的JS引擎叫做JavaScriptCore，是一种纯粹的解释型引擎，速度较慢（这个慢仅仅相对于后面介绍的V8引擎，但是和同时期流行的Trident内核的IE、Gecko内核的Mozilla进行比较快了不是一点点）。Chromium小组从Webkit代码中fork出一个分支，加入了自己的JS引擎V8，成为了Chrome浏览器。 V...
网页是如何禁止让用户打开调试的
weixin_43617604的博客
11-15 1624
网页是如何禁止让用户调试的
Chrome调试折腾记_(1)调试控制中心快捷键详解!!!
热门推荐
CRPER
08-30 2万+
题记大多浏览器的调试功能的启用快捷键都一致…按下F12;还是熟悉的味道; 或者直接Ctrl>+Shift+J: 直接进入console面板点击第一张截图圈圈那个进入,看到Shortcuts这个就是了….快捷键大全快捷键大全快捷键有这么以下几大类..且看我一一道来~~~注:All pane是全局快捷键Console() Ctrl+L : 清除控制台消息 Tab : 自动完成通用常缀 →: 接受建议
PhpStorm本地断点调试的方法步骤
10-18
开始调试前，先在安装了Xdebug扩展的浏览器中打开本地项目页面，并启用调试模式。接着，在PhpStorm中打开相应的代码文件，设置断点。刷新浏览器页面，如果断点处的红色圆圈出现对勾，说明断点已生效。 断点调试的...
JS断点调试方式梳理
qq_34868715的博客
09-11 1498
JS断点调试 断点，调试器的功能之一，可以让程序中断在需要的地方，从而方便其分析。也可以在一次调试中设置断点，下一次只需让程序自动运行到设置断点位置，便可在上次设置断点的位置中断下来，极大的方便了操作，同时节省了时间。——百度百科 JS断点调试，即是在浏览器开发者工具中为JS代码添加断点，让JS执行到某一特定位置停住，方便开发者对该处代码段的分析与逻辑处理。为了能够观察到断点调试的效果，我们预先...
禁止调试，阻止浏览器F12开发者工具
最新发布
Web面试那些事儿的博客
04-18 2280
但是，有一点，你打开开发者工具之后，debugger下了断点，程序就停到那里了，如果你不打开开发者工具，程序是不会停止到断点的。但是，当你打开开发者工具之后，这个时间间隔就产生了，判断这个时间间隔，就可以知道是否打开了开发者工具。在不打开发者工具的情况下，debugger是不会执行将页面卡住，而恰恰是利用debugger的这一点，如果你打开开发者工具一定会被debugger卡住，那么上下文时间间隔就会增加，在对时间间隔进行判断，就能巧妙的知道绝对开了开发者工具，随后直接跳转到空白页，一气呵成。
Chrome DevTools 断点调试方法和技巧
爱吃辣椒的锅包肉
04-04 8847
文章目录一、不同的breakpoint类型二、source 面板详解1、source断点工具栏2、左侧面板2.1 Page2.2、 Snippets2.3、Overrides右侧面板3.1、Watch3.2、Call Stack3.3、 Scope3.4、Breakpoints3.5、XHR/fetch Breakpoints3.6、Global Listeners3.7、Event Listeners Breakpoints 一、不同的breakpoint类型 注: 最著名的断点类型是line-of-co
解决Chrome浏览器检测不到HTCVIVE设备导致Three.js案例显示VR NOT SUPPORTED的问题
weixin_42378979的博客
12-14 4278
最新版Chrome浏览器虽然支持WebXR但是默认情况下检测不到HTCVIVE设备，导致WebXR场景无法进入 解决步骤： 1.打开Chrome chrome://flags/ 即Chrome浏览器实验功能 2.打开如下选项 只需要打开这三个选项皆可 3.重启浏览器，打开Three.js官网即可解决 浏览器版本： steam版本 .........
【学习心得】浏览器开发者工具中出现的VM开头的JS文件是什么？
qq_39780701的博客
03-01 2758
VM文件到底是什么？“VM”表示的是Virtual Machine（虚拟机），这些文件通常表示由浏览器生成和执行的虚拟机脚本环境中的临时脚本。这些脚本并不是项目源代码的一部分，也不是实际存在的物理文件。它们在浏览器的内存中创建并执行。
谷歌浏览器 刷新项目页面 自动进入调试模式 解决办法
未末的博客
07-04 9961
谷歌浏览器刷新项目页面时， 页面自动进入了调试模式, 解决方法如下关闭自动调试方法： 1.打开控制台； 2.点击souses； 3.找到调试区的 XHR/fetchBreakpoints，展开； 4.去掉"Any XHR or fetch"的勾选； 5.把调试窗口右上角的圆圈“pause”点击置灰。 原文:https://juejin.cn/post/6844903949858766861...
Chrome开发工具：VMxxx文件是什么鬼
weixin_45203607的博客
07-04 4336
在Chrome中搜索不到相关的js文件,和事件内容,但是功能都是好使的, 这就神奇了, 然后发现在资源里,没有功能相关连的js,只有一个jsp ,那么功能是怎么加载的,为啥还好使,然后我在对应的js文件中添加了debugger一个断点，然后在Chrome中进行调试发现,显示 这个是啥鬼,哪里来的这个文件 然后我去网上查询相关资料发现 ,[VM] (scriptId)没有特殊含义。这是一个虚拟名称 ,每当您通过AJAX加载HTML内容并且该内容包含标记时，该脚本都将使用eval()进行评估，并被Chro
chrome使用技巧（看了定不让你失望）
weixin_33709609的博客
06-02 697
写在前面 之前有看过刘哇勇写的Chrome 控制台不完全指南,让我觉得瞬间对chrome的了解实在太浅了。对此特意了解了一番（也就是在他的博文上进行了一些总结和了解一些其它chrome使用方面的诀窍），写了两篇博文 你可能不知道console强大 我所了解的chrome 最近又学到了一些chrome的使用技巧，在此分享一下，我只是觉得工欲善其事，必先利其器。chrome在我心里就是神。 ...
chrome 调试进入 debugger paused vm_XXX.js状态解决办法
hantanxin的专栏
12-16 1909
chrome 调试进入 debugger paused 状态解决办法 ,vm123_XXX.js 把勾选去掉，问题还是没解决， 网上搜了不少，不过都没搞定，最后还是换了一个新版本的谷歌浏览器好的！ ...
ZSpider: Electron爬虫程序新版本发布，支持夜间模式与数据导出
ZSpider程序提供了夜间模式选项，这可能是指界面能够根据时间段自动切换到低亮度模式以减少对用户眼睛的刺激，增加长时间工作时的舒适度。 用户可以在ZSpider中创建和修改应用，这意味着它可能提供了一种可配置的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值