AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码

2023-12-29 2077
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码

问题

今天在代码里面输出 console.log 信息直接指向了 vue.js，并且代码里面写了 debgger 也不生效

解决

f12 找到浏览器的这个设置图标

找到这个 ignore list 的 custom exclusion rules 取消掉 /node_modules/|/bower_components/


这样就正常了


文章标签：
日志服务
JavaScript
Web App开发
关键词：
项目浏览器
vue日志服务
浏览器console.log
相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
凯小默
目录
相关文章
34789737
|
11月前
|
JavaScript
Vue中如何实现兄弟组件之间的通信
在Vue中，兄弟组件可通过父组件中转、事件总线、Vuex/Pinia或provide/inject实现通信。小型项目推荐父组件中转或事件总线，大型项目建议使用Pinia等状态管理工具，确保数据流清晰可控，避免内存泄漏。
34789737
815 2
哇塞女孩
|
10月前
|
缓存 JavaScript
vue中的keep-alive问题（2）
vue中的keep-alive问题（2）
哇塞女孩
687 137
谢妹纸
|
人工智能 JavaScript 算法
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
Vue 中 key 属性的深入解析：改变 key 导致组件销毁与重建
谢妹纸
1491 0
我们是幸福一家人
|
JavaScript UED
用组件懒加载优化Vue应用性能
用组件懒加载优化Vue应用性能
我们是幸福一家人
620 82
rvblio6ca4cug
|
人工智能 JSON JavaScript
VTJ.PRO 首发 MasterGo 设计智能识别引擎，秒级生成 Vue 代码
VTJ.PRO发布「AI MasterGo设计稿识别引擎」，成为全球首个支持解析MasterGo原生JSON文件并自动生成Vue组件的AI工具。通过双引擎架构，实现设计到代码全流程自动化，效率提升300%，助力企业降本增效，引领“设计即生产”新时代。
rvblio6ca4cug
870 1
34789737
|
JavaScript 安全
在 Vue 中，如何在回调函数中正确使用 this？
在 Vue 中，如何在回调函数中正确使用 this？
34789737
608 0
34789737
|
JavaScript 前端开发 UED
Vue 表情包输入组件实现代码及详细开发流程解析
这是一篇关于 Vue 表情包输入组件的使用方法与封装指南的文章。通过安装依赖、全局注册和局部使用，可以快速集成表情包功能到 Vue 项目中。文章还详细介绍了组件的封装实现、高级配置（如自定义表情列表、主题定制、动画效果和懒加载）以及完整集成示例。开发者可根据需求扩展功能，例如 GIF 搜索或自定义表情上传，提升用户体验。资源链接提供进一步学习材料。
34789737
892 1
奔跑的数据
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率，结合代理IP技术高效采集微博数据。通过CDP，开发者可直接操作浏览器底层功能，如网络拦截、性能分析等，增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为，提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
奔跑的数据
1892 3
WebDriver与Chrome DevTools Protocol：如何在浏览器自动化中提升效率
我是快乐的嘟嘟
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
我是快乐的嘟嘟
3058 123
我是快乐的嘟嘟
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
我是快乐的嘟嘟
1355 128

热门文章

最新文章

  • 1
    VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
  • 2
    vue仿微信界面聊天室项目|vue聊天案例
  • 3
    【ECS初体验】部署Vue静态项目
  • 4
    Vue3输入框（Input）
  • 5
    vue,uniapp生成二维码
  • 6
    前端组件之Bootstrap与Ant design of Vue
  • 7
    Vue 3中的Proxy
  • 8
    Vue3折叠面板（Collapse）
  • 9
    Vue工具和生态系统： Vue中有哪些常用的第三方库或插件？
  • 10
    Vue 结合html2canvas和jsPDF实现html页面转pdf
  • 1
    【赵渝强老师】大数据日志采集引擎Flume
    508
  • 2
    16 倍性能提升，成本降低 98%！ 解读 SLS 向量索引架构升级改造
    710
  • 3
    防止员工泄密软件中文件访问日志管理的 Go 语言 B + 树算法
    294
  • 4
    局域网网络监控软件的设备连接日志哈希表 C++ 语言算法
    801
  • 5
    Python日志模块配置：从print到logging的优雅升级指南
    836
  • 6
    SQL日志优化策略：提升数据库日志记录效率
    449
  • 7
    程序出错瞎找？教你写“会说话”的错误日志，秒定位原因
    681
  • 8
    SLS Copilot 实践：基于 SLS 灵活构建 LLM 应用的数据基础设施
    3273
  • 9
    EventLog Analyzer：高效的Web服务器日志监控与审计解决方案
    506
  • 10
    5 个 IIS 日志记录最佳实践
    527

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • JavaScript入门与实战
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • 基于浏览器的实时构建探索之路
  • Vue.js在前端服务化上的实践与探索
  • 基于浏览器的实时构建探索之路--玄寂
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！