js chrom idea调试

博客讲述使用Idea调试JS时遇到的问题,每次启动未配置的Chrome无法调试,按网上方法修改Chrome数据位置无效,修改网络代理后可正常调试。

使用idea 调试js,每次启动一个没有配置的chrome,无法调试。
经过网上说的方法,修改chrome的数据位置,依然无效。

修改网络代理为下图后有效。可以正常调试。

在这里插入图片描述

### 如何调试 Chrome 资源管理器 #### 使用开发者工具进行网络请求监控 浏览器内置的开发者工具有助于分析加载性能并诊断页面中的问题。通过按下 `F12` 或右键点击网页选择“检查”,可以打开这些工具[^1]。 在开发者工具中,“Network”标签页允许查看所有由页面发起的HTTP/HTTPS请求详情,包括状态码、响应时间以及文件大小等信息。这有助于识别是否存在未预期的资源获取失败情况[^2]。 #### 应用断点与JavaScript调试技巧 对于涉及脚本执行的问题,在Sources面板设置断点能够暂停程序运行以便逐步跟踪逻辑流程。当遇到特定条件触发错误时尤为有用;还可以利用console命令行API打印变量值辅助排查问题所在之处[^3]。 ```javascript // 设置全局异常捕获器来记录潜在崩溃位置 window.addEventListener('error', function(event){ console.error("Error occurred:", event); }); ``` #### 查看应用缓存和服务工作进程的状态 如果网站启用了Service Worker,则可以在Application选项卡下找到它,并监视其生命周期事件和缓存存储状况。这对于理解离线功能实现原理非常重要[^4]。 #### 利用Lighthouse自动化审计报告 Google推出的开源项目 Lighthouse 可以作为Chrome扩展安装,提供全面而深入的应用质量评估服务——涵盖最佳实践建议、可访问性评分等多个维度。只需简单配置即可针对当前浏览站点生成详尽反馈意见书[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值