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

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

2023-12-29 1977
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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开发
关键词：
Chrome js
JavaScript代码
vue项目VUE.js
项目VUE.js
项目日志服务
相关实践学习
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
【涂鸦即艺术】基于云应用开发平台CAP部署AI实时生图绘板
凯小默
目录
相关文章
啊逗
|
监控 测试技术 Go
告别传统Log追踪！GOAT如何用HTTP接口重塑代码监控
本文介绍了GOAT（Golang Application Tracing）工具的使用方法，通过一个Echo问答服务实例，详细展示了代码埋点与追踪技术的应用。内容涵盖初始化配置、自动埋点、手动调整埋点、数据监控及清理埋点等核心功能。GOAT适用于灰度发布、功能验证、性能分析、Bug排查和代码重构等场景，助力Go项目质量保障与平稳发布。工具以轻量高效的特点，为开发团队提供数据支持，优化决策流程。
啊逗
849 90
阿里云云原生
|
运维 监控 Cloud Native
一行代码都不改，Golang 应用链路指标日志全知道
本文将通过阿里云开源的 Golang Agent，帮助用户实现“一行代码都不改”就能获取到应用产生的各种观测数据，同时提升运维团队和研发团队的幸福感。
阿里云云原生
803 145
mao29955
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的？
总的来说，Moment.js 通过一系列的技术手段和策略，有效地处理了不同浏览器的时间戳格式差异，为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
mao29955
853 156
蓝易云
|
编解码 JavaScript 前端开发
【Java进阶】详解JavaScript的BOM（浏览器对象模型）
总的来说，BOM提供了一种方式来与浏览器进行交互。通过BOM，你可以操作窗口、获取URL、操作历史、访问HTML文档、获取浏览器信息和屏幕信息等。虽然BOM并没有正式的标准，但大多数现代浏览器都实现了相似的功能，因此，你可以放心地在你的JavaScript代码中使用BOM。
蓝易云
379 23
李游Leo
|
Web App开发 前端开发 JavaScript
折腾之王：JavaScript之父Brave浏览器与BAT的诞生
2015年，JavaScript之父Brendan Eich再次创业，推出Brave浏览器和加密货币Basic Attention Token（BAT），旨在颠覆传统广告行业。Brave屏蔽广告、保护隐私，加载速度快；BAT则通过奖励机制让用户、内容创作者和广告主三方受益。尽管面临用户习惯和巨头竞争的挑战，Brave已拥有超4000万月活跃用户，成为全球增长最快的隐私浏览器，引领Web3生态发展。
李游Leo
541 22
折腾之王：JavaScript之父Brave浏览器与BAT的诞生
阿里云开发者
|
监控 测试技术 开发者
一行代码改进：Logtail的多行日志采集性能提升7倍的奥秘
一个有趣的现象引起了作者的注意：当启用行首正则表达式处理多行日志时，采集性能出现下降。究竟是什么因素导致了这种现象？本文将探索Logtail多行日志采集性能提升的秘密。
阿里云开发者
641 57
大树营养快线
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致？
综上所述，模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处，也有不同之处。在实际应用中，需要根据具体的场景和性能需求来选择使用哪种字符串处理方式，以达到最佳的性能和开发效率。
大树营养快线
420 63
光明顶阳顶天
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势，可以根据具体的需求和项目情况选择合适的库来使用，从而提高代码的兼容性和稳定性，为用户提供更好的体验。同时，随着浏览器技术的不断发展，还需要持续关注和学习新的兼容性解决方案。
光明顶阳顶天
469 58
蚝油菜花
|
存储 人工智能 数据库
Codel：AI代理工具，支持在终端、浏览器、编辑器执行复杂任务和项目
Codel是一款全自主AI代理工具，支持在终端、浏览器和编辑器中执行复杂任务和项目。它运行在沙盒化的Docker环境中，具备自主操作能力，内置浏览器和文本编辑器，所有操作记录存储于PostgreSQL数据库。Codel能够自动完成复杂任务，如创建项目结构、进行网络搜索等，适用于自动化编程、研究与开发、教育与培训以及数据科学与分析等多个领域。
蚝油菜花
515 11
Codel：AI代理工具，支持在终端、浏览器、编辑器执行复杂任务和项目
技能实验室
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
技能实验室
319 5
在浏览器执行js脚本的两种方式

热门文章

最新文章

  • 1
    AI Powered SLS 智能分析能力创新
  • 2
    MySQL · 引擎特性 · InnoDB redo log漫游
  • 3
    通过日志服务实现数据库MySQL入湖OSS实践
  • 4
    Apache不指定记录文件日志
  • 5
    快速解读GC日志
  • 6
    日志服务中采集k8s时心跳失败基本排查
  • 7
    filebeat收集多个域名网站日志并存储到不同的es索引库（五）
  • 8
    linux常见问题的解决log
  • 9
    app测试知识点，adb命令，日志（安卓和苹果）查看，软件后缀，专项测试等
  • 10
    php的错误日志级别 error_report
  • 1
    PHP 程序员如何为 AI 浏览器（如 ChatGPT Atlas）优化网站
    405
  • 2
    入门指南：使用 Playwright MCP Server 为你的 AI Agent 赋予浏览器自动化能力
    1063
  • 3
    Playwright MCP 浏览器自动化框架全面解析
    1377
  • 4
    Apple Safari 26.0.1 发布 - macOS 专属浏览器 (独立安装包下载)
    516
  • 5
    Playwright MCP浏览器自动化全攻略
    1670
  • 6
    Apple Safari 26 正式版发布 - macOS 专属浏览器 (独立安装包下载)
    751
  • 7
    Playwright MCP浏览器自动化指南
    1428
  • 8
    “所见即所爬”：使用Pyppeteer无头浏览器抓取动态壁纸
    525
  • 9
    Browser Use：打造你的浏览器自动化助手
    947
  • 10
    Browser Use 浏览器自动化 Agent：让浏览器自动为你工作
    1932

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • JavaScript入门与实战
  • Vue.js 入门与实战
  • 场景实践-基于阿里云Quick BI 对MOOC网站日志分析
  • Vue.js完全自学手册图文教程
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • JavaScript 语言在引擎级别的执行过程
  • Python第五讲——关于爬虫如何做js逆向的思路
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    阿里云重磅新品：Agent安全中心，全新安全框架下AI Agent一体化防御平台