调试小技巧

谷歌浏览器devtools 中的调试技巧

Ruby代码调试

若是不当心敲错了 ruby 代码，好比 create.js.erb中把 render 写成了 rennder 那么点击"发布评论"按钮是看不到报错信息的。 能够打开 devtools -> console ，这里能够看到一个 500 的错误。具体的错误内容能够到 network 下面，再次提交如下评论，就能看到了。

那么不知道错误信息，咱们确定很难修改，因而咱们到以下位置查看错误信息：

如上是查看错误类型，那么具体的错误信息应该到以下Network标签处选择All查看，前面点击4次都不会显示具体的错误信息，要在该标签下再次点击提交按钮才能看到具体的错误信息：

 

咱们在Network标签，再次点击

 

点击进入查看具体错误信息以后以下，能够看到出错位置在create.js.erb，出错缘由是没有rendder方法，因而咱们就知道是这个位置rendder拼写错误，应该是render才对：

 

 

Console中进行Js代码调试

可是若是是 js 代码敲错了，好比 append 敲成了 apppend，这样是没有任何报错信息的，可是依然能够到 network 下面，再次 提交评论，把返回的 js 代码本身放到 console 中执行一下，这样到底哪里出错就比较明显了。

虽然没有js代码错误没有报错，可是咱们点击进入后查看Response能够查看请求的返回结果：

返回结果以下，说明在js中apppend不是一个函数，也就是咱们拼写错误因此没有这个函数，因而咱们就就知道要修改这个函数名的拼写了：