关于vue项目浏览器debugger失效问题

今天突然发现在谷歌调试vue项目debugger时不生效了!

工具/原料

    联想T480s

    windows11

    谷歌浏览器120

方法/步骤

    1

    1.不生效场景演示如下图:

    关于vue项目浏览器debugger失效问题关于vue项目浏览器debugger失效问题

    2

    2.解决办法,打卡谷歌浏览器的设置,按键盘F12或者点击设置->更多工具->开发者工具,操作如下图所示:

    关于vue项目浏览器debugger失效问题

    3

    3.在打开的开发者工具中找到右上角的设置图标并点击它,操作如下图所示:

    关于vue项目浏览器debugger失效问题

    4

    4.打开设置后找到左侧的菜单列表,选择IgnoreList后能看到有一个Custom exclusion rules,去掉前面的选中状态即可,操作如下图所示:

    关于vue项目浏览器debugger失效问题关于vue项目浏览器debugger失效问题关于vue项目浏览器debugger失效问题

    5

    5.最后回到触发debugger事件里再次调试时,就能看到debugger可以生效了,操作如下图所示:

    关于vue项目浏览器debugger失效问题END

注意事项

    注意下谷歌浏览器的版本

温馨提示:经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
免责声明:本文转载来之互联网,不代表本网站的观点和立场。如果你觉得好欢迎分享此网址给你的朋友。
转载请注明出处:https://www.i7q8.com/computer/177748.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年02月28日
下一篇 2024年03月07日
single-end

热门百科

single-end

相关推荐

关注微信