【解决】谷歌在console面板点击刷新进入sources面板问题

【解决】谷歌在console面板点击刷新进入sources面板问题

不知道大伙有没有遇到这个问题,在一次谷歌console控制台调试代码以后,关闭浏览器,修改代码,重新打开页面,再进入控制台刷新页面的时候,点击刷新,此时不是刷新了控制台打印的数据,而是进入了sources调试面板,这是为什么呢?

产生错误原因分析:

由于上一次我们在调试代码的时候,在sources面板,先设置断点,然后点击刷新,此时可以点击下一步进行调试。那么我们如果细心发现,只有先设置了断点,刷新才会进入调试。那么我们把断点取消掉不就可以取消调试代码了嘛? 答案是这样的。

那么接下来看如何设置断点调试与取消断点调试:

设置断点调试:
在这里插入图片描述
此时我们看看错误现象:

操作如下,此时点击关闭调试
在这里插入图片描述
调试关闭以后我们进入,console控制面板点击刷新,刷新后的结果如下:
在这里插入图片描述
解决方法:

在这里插入图片描述
我们再次进入console控制台,重新调试,发现,不会再进入sources面板,而是刷新了console控制台的数据内容。

不断复盘,不断优秀,踏实做人,认真做事;关注三连,持续更新~~~

在这里插入图片描述

  • 7
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在许多现代软件开发环境中,找到"Sources"或"Elements"面板以及"Console"标签页通常是在浏览器的开发者工具中。以下是具体步骤: 1. **在Chrome浏览器中**: - 打开你正在工作的网页。 - 右键点击页面,选择"检查"(或者按F12快捷键)来打开开发者工具。 - 在开发者工具窗口的顶部菜单,找到并点击"Elements"或" Sources"(取决于浏览器版本,可能在不同的位置,通常是树形结构的左侧)。 - 在左侧面板中,向下滚动到"Settings"或"Preferences"部分,找到"Console"选项,通常在"Application"或"Console"组内。 - 点击"Console",然后你会看到下方有一个"Enable JavaScript"开关,将其切换为开启状态。 2. **在Firefox浏览器中**: - 同样右键点击页面,选择"Inspect"(或按Ctrl+Shift+I快捷键)。 - 开发者工具中,转到"Elements"面板(如果未显示,可以按Ctrl+Shift+E快捷键)。 - 在左侧面板的"More Tools"下拉菜单中,选择"Web Console",然后在右侧找到"JavaScript"设置。 - 开启"Enable JavaScript"。 3. **在Safari浏览器中**: - 右键点击页面,选择"Develop" > "Show Web Inspector"。 - 在弹出的开发者工具中,点击左上角的"Inspector",然后在"Elements"面板中寻找"Sources"或"Console"标签页,通常在底部找到"Console"开关。 确保在每个步骤后,"Enable JavaScript"开关已经切换到了开启状态,这样你就可以在控制台查看和调试JavaScript代码了。如果你遇到的问题是在某个特定软件开发环境(如Visual Studio Code、WebStorm等),步骤可能会有所不同,请参考各自的文档或帮助中心。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值