问题:chrome开发者工具中source中不显示js的问题

描述:

在调试程序的过程中,想通过开发者工具的sources找到自己引入的js直接调试问题,但找了半天没有自己引入的js,只有一些相关插件的js。然后就只能通过修改js来调试了,最后功能什么的也没有什么问题,但这种问题还是挺让人困惑,而且查了查,也没有查出个所以然,想问问大家,为啥sources中没有自己引入的js中???


解决方案1:

如果你的js没有经过jshint处理过,可以在需要调试的js代码行加个debugger,运行到那里会自动进入断点

解决方案2:

打开F12,按CTRL + O键,输入你的js文件名称,就找到了

解决方案3:

是动态加载的页面吧,使用//# sourceURL=dynamicScript.js 或者加debugger断点


以上介绍了“chrome开发者工具中source中不显示js的问题”的问题解答,希望对有需要的网友有所帮助。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
谷歌浏览器开发者工具是Google Chrome浏览器内置的一组网页制作和调试工具,它为网页开发人员提供了访问浏览器及其网页应用程序内部的深入访问。开发者工具可以帮助开发人员有效地跟踪布局问题,设置JavaScript断点,并获得代码优化的见解。你可以通过在Chrome菜单选择更多工具>开发者工具,或者使用快捷键Ctrl+Shift+I (Windows) 或者 Cmd+Opt+I (Mac)来打开开发者工具开发者工具包含多个面板,其一个主要是记录网站加载的所有资源信息,包括存储数据、缓存数据、字体、图片、脚本、样式表等。\[1\]\[2\]此外,开发者工具还提供了其他功能,如抓包、弱网设置和录制自动化脚本等。\[3\] #### 引用[.reference_title] - *1* *2* [Chrome开发者工具](https://blog.csdn.net/qinyuhua93/article/details/88016123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Chrome浏览器开发者工具使用](https://blog.csdn.net/weixin_49026134/article/details/125347640)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值