如何在Google Chrome Devtools的debugger:/VM*文件中访问和搜索代码
在Google Chrome DevTools的Debugger面板中，可以通过以下步骤访问和搜索代码：
- 打开Google Chrome浏览器，并在地址栏中输入要调试的网页地址。
- 按下F12键或右键点击页面，选择"检查"选项打开开发者工具。
- 在开发者工具中，切换到"Debugger"面板。
- 在左侧的文件列表中，可以看到网页中加载的所有JavaScript文件。
- 找到你想要访问和搜索代码的文件，点击打开该文件。
- 在打开的文件中，你可以查看和编辑代码。
- 如果你想搜索特定的代码，可以使用右上角的搜索框。输入关键字，DevTools将会高亮显示匹配的代码。
需要注意的是，Debugger面板中的文件路径可能以"debugger:/VM"开头，这是由于Chrome DevTools对于动态生成的代码或内联脚本会使用虚拟文件路径。这些虚拟文件路径通常以"debugger:/VM"开头，后面的数字可能会有所不同。
对于Chrome DevTools的更多详细信息和使用方法，你可以参考腾讯云的产品文档：Chrome DevTools 使用指南。
相关·内容
1回答
如何在Google Chrome Devtools的debugger:/VM*文件中访问和搜索代码
javascript、google-chrome-devtools、javascript-debugger
我想调试不是通过文件加载的脚本，这意味着它们是通过eval加载的，或者是从iOS/Android推送到浏览器的本地代码。
当我在DevTools控制台(function() {debugger}())中编写代码时，浏览器会创建类似debugger:///VM132的假文件，您可以在调试器断点中看到它。
我通常有很多debugger:///VM***“文件”代码，但我不能访问它们，也看不到DevTools中任何地方的debugger:///VM脚本列表。Sources面板也不会显示其中的任何内容。
此外，我使用DevTools search CMD+option+F，并且不在debugger:/
浏览 169提问于2019-07-22得票数 3
2回答
如何查看console.profile()的结果？
javascript、google-chrome、google-chrome-devtools
根据和的说法，使用console.profile('label')开始分析，然后使用console.endProfile()来结束分析，应该会导致配置文件添加到Chrome中的Profiles (后来被重命名为Performance)面板中。
这在Firefox中适用于我，但当我在Chrome中运行我的代码时，我没有得到任何配置文件。相反，我得到了警告：
DevTools: CPU配置文件解析器正在修复16个缺失的示例。
我是不是漏掉了什么，还是Chrome DevTools中的一个bug？
浏览 3提问于2018-03-27得票数 25
2回答
如何在Chrome中模拟首选配色方案媒体查询？
css、google-chrome、media-queries、macos-darkmode
Chrome76增加了对prefers-color-scheme媒体查询的支持(也称为“暗模式”)。
但是，我如何才能轻松地在两种配色方案中测试我的网页，而不打开和关闭系统的暗模式？
这是火狐的，但我在Chrome和Chrome DevTools中找不到类似的设置。
浏览 7提问于2019-08-22得票数 70
回答已采纳
2回答
Vue DevTools可以检测到Vue.js，但在F12面板中不显示
javascript、vue.js
我正在试着调试一个用Vue写的网页。我想使用Vue DevTools查看Vue数据。我在Chrome上安装了它，它可以检测到我的网页： ? 然而，当我点击F12打开DevTools时，Vue选项卡不能出现在面板上： ? 我还尝试在本地安装VUE devtools (从github下载，使用npm run build)，并获得相同的结果。有什么解决这个问题的建议吗？
浏览 214提问于2019-10-17得票数 0
24回答
VueJs开发工具面板未显示
vuejs2、vue.js、vue-resource
我开始在我的应用程序中使用，但在Chrome的开发模式下，它是不可见的。我尝试过在开发工具github页面和网络上的其他地方找到各种解决方案，但是没有运气。下面是我所做的/努力让它显示出来的事情。
在chrome扩展中启用了allow access to file URL’s option
在新Vue({})之前添加了Vue.config.debug = true; Vue.config.devtools = true;
添加了VueJS文件的非缩小版本
我也在使用Chrome最新版本: 55.0.2883.87。
当我点击chrome扩展名时，我会收到以下消息
浏览 28提问于2017-01-06得票数 70
3回答
Chrome DevTools中的Vim键绑定
google-chrome-devtools
是否可以在Chrome DevTools中使用方便的晚餐(hjkl、A、$、vi等)？
更准确地说，是源面板和控制台？
我正在使用Vimium，这是很棒的，但是当在Chrome DevTools中做web开发时，我不能使用任何vi操作。
浏览 6提问于2015-09-16得票数 39
回答已采纳
2回答
如何在Chrome DevTools中调试在ajax请求中加载的js
javascript、google-chrome、google-chrome-devtools
事实上，我是谷歌Chrome DevTools的忠实粉丝，但这是一个非常广阔的学习领域。我对它知之甚少。我知道如何取出调试点，搜索(Ctrl+Alt+F)和调试等基本内容。
但是在我的一个项目(它在asp.net MVC中)中，它在Ajax请求中请求不同的视图，并且在该视图中有一些js加载。我想调试它们，但我无法调试。实际上，我不知道在哪里可以看到它们--特别是在ajax调用之后加载的JS (它不是内联javascript，而是单独的js文件)。
我找到的一个解决办法是--如果我在js文件中放入1 "debugger;“，那么它就会以不同的数字以VM3012或类似的名称打开。只有我能看
浏览 3提问于2018-06-04得票数 3
1回答
从vb.net打印网页
html、vb.net、printing
我正在尝试用vb.net编写一段代码，可以将网页url打印到打印机上。 我还想选择哪种打印机。 这就是我到目前为止所拥有的代码。 `
Dim pr As New ProcessStartInfo
pr.FileName = "chrome.exe"
pr.Arguments = "http://www.google.com"
Process.Start(pr) ` 这将在chrome中打开网页。如果我改为使用iexplorer.exe，它也可以与internet explorer一起工作。但是我不能让它打印网页。我已经在网上搜索过了，但我找不到任何有用的东西。
浏览 17提问于2019-10-10得票数 0
2回答
怎样才能得到一个好的查看页面源码的格式？
javascript、html、debugging、browser
我正在尝试调试一个问题，并且我正在使用Chrome中的View Page Source。
javascript和html的很大一部分是乱七八糟的，即以没有标识的格式呈现，等等：
gt&blabla>等
有没有一种工具/方法可以始终获得生成的源代码的良好格式？
浏览 0提问于2013-08-06得票数 2
2回答
从Eclipse运行Tomcat时发生HTTP错误404怎么处理？
eclipse、tomcat、http、chrome
我已经安装了Eclipse和Tomcat 7.错误是，当我从Eclipse运行Tomcat时，它会启动，但在此之后，当我localhost:8080在Google Chrome中打开时，我会看到它HTTP Error 404()。我该如何解决这个问题？
浏览 392提问于2018-03-07
1回答
火狐有没有等同于Chromes的快速发现https混合内容的能力？
firefox、https
我正在从Chrome切换到Firefox来进行webdev工作。
Chrome的devtools允许开发人员快速发现使用https的网站中的混合内容。在“安全”选项卡中，开发人员会看到混合内容是一个问题，被邀请重新加载页面，并指示查看使用了预先编写的过滤器的网络面板。
Firefox devtools似乎没有“安全”标签。
Firefox devtool有没有类似于上面描述的发现过程？
我已经在Firefox的devtools中搜索了标签和设置，并找到了任何类似的东西。
浏览 1提问于2019-07-18得票数 1
2回答
Chrome devtools扩展控制台
google-chrome-extension、google-chrome-devtools
我在我的chrome扩展清单中包含了这个。
"devtools_page": "devtools.html"
在devtools.html中，我包含了一个创建面板的devtools.js文件
chrome.devtools.panels.create("Panel", "icon.png", "panel.html", function(panel){});
面板确实已经创建好了。在panel.html中，我包含了一个panel.js文件，我在其中添加了一个监听器
chrome.devtools.network.o
浏览 2提问于2013-05-29得票数 10
1回答
如何在Google DevTools中进行任何更改后重新加载JS脚本？
javascript、google-chrome、google-chrome-devtools
我是谷歌DevTools的新手，我有一个问题: 1)我的测试页面有一个JS脚本"func.js“，代码如下：
$(function() {
console.log('123');
});
它工作起来没有任何问题。
2)当我在Chrome中打开DevTools (在Windows中按Ctrl+ Shift +i)时，DevTools面板就会出现3)我打开"Sources“-> "func.js”和JS控制台；它可以工作，我在控制台中看到"123“。4)我做了一些更改。例如,
$(function() {
console.log
浏览 0提问于2013-08-19得票数 0
1回答
如何在11中“自动打开弹出窗口DevTools”？
internet-explorer、developer-tools、ie-developer-tools
我需要检查从弹出页面自动打开的网络请求(SCORM1.2启动)。我知道我可以在Google中通过设置弹出窗口自动打开DevTools复选框来实现这一点，但是我需要IE11。
我不能使用小提琴，因为电脑基本上是一个终端与IE 11和软件是禁止安装。
欢迎任何帮助或建议。
浏览 3提问于2017-12-20得票数 2
1回答
如何将chrome浏览器打开到chrome工具url
node.js、google-chrome、terminal、google-chrome-devtools、v8
使用最新版本的节点，
键入node --inspect ajavascriptfile.js
输出一个url给您在您的铬浏览器访问，太棒了！
( V8督察的文件)
但是我怎么才能用我的终端打开那个网址呢？
我可以用以下方式打开文件或urls的浏览器：
open -a Google\ Chrome ./path/to/file.html
或
open -a Google\ Chrome http://google.com
但对网址也是一样的：
open -a Google\ Chrome chrome-devtools://devtools/remote/se...
给我一个错误：
The fi
浏览 0提问于2016-10-14得票数 4
回答已采纳
1回答
如何将源代码映射添加到GraalVM JS检查中？
javascript、google-chrome、chromium、graalvm
以下代码在GraalVM javascript引擎上执行Javascript代码段：
try (Context context = Context.newBuilder("js").option("inspect", "4444").build()) {
Value hello = context.eval(Source.newBuilder("js", "some minified javascript", "sample.js").build());
// E.g
浏览 2提问于2021-08-12得票数 3
回答已采纳
1回答
如何在Chrome Dev Tools中编辑Html中的Javascript
javascript、google-chrome-devtools、javascript-debugger
我们可以在Chrome DevTools的源面板中编辑和执行*.js文件中的JavaScript代码。但是，如果js代码来自*.html文件，那么除了添加断点之外，我们如何编辑和执行它们呢？
浏览 14提问于2017-03-30得票数 8
2回答
Google Chrome扩展更改devtools面板内容
google-chrome、google-chrome-extension、google-chrome-devtools
我有一个chrome扩展，它向devtools添加了一个面板。在本例中，我希望记录每个网络请求。问题是我不知道如何改变面板的html内容。我尝试访问document和window.document，但都没有成功。
mainfest.json：
{
"name":"sesionID extractor",
"description":"Extract sessionID",
"minimum_chrome_version": "10.0",
"version":"1"
浏览 3提问于2016-02-03得票数 1
1回答
png文件直接打开html文件时加载失败，但从webstorm打开时加载
javascript、html、webstorm、p5.js
我一直在为我的CS课程开发一个javascript游戏。当我在Webstorm中点击run打开文档时，它正确地加载了游戏，但是当我尝试从Finder打开html文件时，网页打开了，但没有我用于精灵加载的png文件。我在google chrome中打开了检查元素，javascript文件加载正确，但是所有的png文件都被取消了。当游戏从webstorm运行时，这种情况不会发生(当我从webstorm运行它时，所有图像文件都会正确加载)。
当游戏直接从html文件打开时(这就是我遇到问题的时候)，chrome列出了html文档的路径作为网页地址，尽管当从webstorm打开时，它列出了
我如何解决
浏览 0提问于2017-12-04得票数 0
2回答
运行在android设备上时，卡在Meteor示例“todos”加载屏幕上
android、google-chrome、cordova、meteor
问题
当我试图在android设备上运行Meteor“todos”示例时，它将永远停留在加载屏幕上。如下面的屏幕截图所示，下面显示了以下错误消息：
Failed to load resource: net::ERR_ADDRESS_UNREACHABLE http://10.0.2.15:3000/sockjs/info?cb=...
此外，该应用程序表明，它有困难的连接。这有可能是由于Cordova Meteor 1.0版本中的一个缺陷造成的吗？还是我遗漏了一些重要的配置/设置步骤？
设置/配置
系统设置
流星1.0
带有VirtualBox 4.3.18的Ubuntu14.0
浏览 10提问于2014-11-13得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
