怎么让使用jquery的load方式加载的html中的脚本加断点
2016-09-28 16:56
381 查看
背景:最近代码中使用了jquery的load方法加载html,主要是因为各模块是不同人开发,为了方便,所以分了不同的目录,然后每个目录底下有自己的模块的index.html页。主页导航点击不同的tab标签切换加载不同的模块。
问题:发现使用jquery的load方法加载的html页面在chrome的调试模式下,只有主导航页的内容,加载模块的相应index.html及js,css在source标签中并没有显示,更别说在代码里边加相应的断点调试。
解决方法:找了很多资料,并没有找到替换这种加载的合适的其他方式。也没有找到怎么能让资源在source中可以显示并加断点。最后偶然发现可以在要加断点的地方代码中添加一行debugger;就可以在chrome调试模式下自动在相应的行走断点。
就可以愉快地调试了。
参考资料:http://netsmell.com/post/javascript-debug-tips.html
问题:发现使用jquery的load方法加载的html页面在chrome的调试模式下,只有主导航页的内容,加载模块的相应index.html及js,css在source标签中并没有显示,更别说在代码里边加相应的断点调试。
解决方法:找了很多资料,并没有找到替换这种加载的合适的其他方式。也没有找到怎么能让资源在source中可以显示并加断点。最后偶然发现可以在要加断点的地方代码中添加一行debugger;就可以在chrome调试模式下自动在相应的行走断点。
就可以愉快地调试了。
参考资料:http://netsmell.com/post/javascript-debug-tips.html
相关文章推荐
- coe_load_sql_baseline.sql脚本使用方法(SPM使用hint方式加载基线)
- jquery之利用ajax与服务器交谈(加载内容到元素上之利用jquery加载内容,使用load()方法)
- 难点总结:Jquery动态加载数据库中的数据(解答人:郭哲 方式:讲述jquery原理及一些函数的使用方法,学会看帮助文档)
- jquery等待图片加载完成,再使用函数,使用$(window).load(fn)
- 实用技巧:使用 jQuery 异步加载 JavaScript 脚本
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用jQuery和YQL,以Ajax方式加载外部内容
- jquery操作中使用window.onbeforeload()方式无法解除事件的方法
- JQuery缓冲加载图片插件lazyload.js的使用方法
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用jQuery异步加载 JavaScript脚本解决方案
- 使用jQuery和YQL,以Ajax方式加载外部内容
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用jQuery动态加载js脚本文件的方法
- 使用jQuery的load(url)加载网页的替代方案--不用考虑编码的问题
- 使用jQuery和YQL,以Ajax方式加载外部内容
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- 使用jQuery异步加载 JavaScript脚本解决方案
- 使用jQuery动态加载js脚本文件的方法