码迷,mamicode.com
首页 > 其他好文 > 详细

chrome浏览器调试typescript

时间:2016-11-02 14:35:28      阅读:592      评论:0      收藏:0      [点我收藏+]

标签:waf   rss   evb   obb   enable   tcl   ase   cpi   fps   

在chrome的开发人员工具的配置项中,有一个sourcemap的选项,用来配置javascript源码和生成代码的关系。

如果能在浏览器中直接调试typescript代码,才能让我们真正体会到typescript开发的快乐。

首先打开chrome开发者工具的配置项,然后查看sources下的Enable source maps选项,

如果已经选中,请先取消,然后刷新页面,再选中,再刷新页面。

技术分享

此时我们可以在开发这工具的Sources选项中看到ts文件。

技术分享

如果你是使用visual studio开发typescript 程序,默认项目是自动生成map文件的。

在每一个js文件下会有map文件的注释说明。

技术分享

 

如果没有生成map文件,到工具下的配置项中,配置typescript就可以了。

技术分享

现在我们可以在开发者工具中设置断点了。

技术分享

 

chrome浏览器调试typescript

标签:waf   rss   evb   obb   enable   tcl   ase   cpi   fps   

原文地址:http://www.cnblogs.com/faunjoe88/p/6022477.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!