如何调试异步加载页面里包含的js文件

更新时间：2014年10月30日 16:32:47 投稿：whsnow

用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件

最近在一个新的web项目中开发功能。这个项目的管理界面有一个特点，框架是固定的，不会刷新，每次点新的页面仅仅刷新一个div。div里面不是套的iframe，于是导致了一个问题，用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件。

网上找到了一个解决办法，就是在需要调试的js文件顶部加一行代码：

//@ sourceURL=msgprompt.js

注意，@符号和sourceURL间必须有空格。Chrome下效果：

FireFox下也是OK的。这个办法还不错。

您可能感兴趣的文章:

相关文章

关于__defineGetter__ 和__defineSetter__的说明
关于__defineGetter__ 和__defineSetter__的说明...
2007-05-05
浅谈webpack 自动刷新与解析
这篇文章主要介绍了浅谈webpack 自动刷新与解析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-04-04
原生javascript+css3编写的3D魔方动画旋扭特效
这篇文章主要介绍了原生javascript+css3编写的3D魔方动画旋扭特效的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-03-03
JavaScript调试之console.log调试的一个小技巧分享
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看，但是总有只喜欢用console的，比如我。下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-08-08
深入分析javascript中console命令
console对象是JavaScript的原生对象，它有点像Unix系统的标准输出stdout和标准错误stderr，可以输出各种信息用来调试程序，而且还提供了很多额外的方法，供开发者调用。它的常见用途有两个。显示网页代码运行时的错误信息。提供了一个命令行接口，用来与网页代码互动。
2016-08-08
javascript获取作用在元素上面的样式属性代码
遍历所有样式属性，通过判断其属性值，是否为'undefined' 或特特的值，来过虑属性
2012-09-09
Bootstrap学习笔记之css样式设计(1)
这篇文章主要为大家详细介绍了bootstrap学习笔记之css样式设计，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06
javascript实现对表格元素进行排序操作
这篇文章主要介绍了javascript实现对表格元素进行排序操作，分别可以实现点击之后排序和还原，和排升序和降序的功能，文章末尾附完整代码，感兴趣的小伙伴们可以参考一下
2015-11-11
教你如何写出可维护的JS代码
在平时工作开发中，大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码，很多情况下都是以他人成果为基础的，或者新增修改需求，自己写的代码也会被其他开发人员调用，所以写好一份高质量可维护的代码就显得十分重要。
2021-05-05
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
本文给大家分享的是使用HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列的方法和示例，非常的实用，特别是在BS架构的企业级应用，有需要的小伙伴可以参考下。
2015-04-04

最新评论