发条JS Turbolinks调试增强工具
发条 JS 的调试工具真的挺实用的，尤其是你在做前端页面性能优化的时候。它能帮你追踪 Turbolinks 触发的各种事件，比如 turbolinks:load、turbolinks:before-render 这些，用来排查页面切换过程中的小毛病，挺方便的。嗯，像点击跳转页面没反应、事件绑定丢了那种，它都能给你甩出一堆日志，一眼就看出是哪儿出的问题。
而且它还能记录你每次的页面跳转，像 URL、状态码、加载时间这些，全给你列出来，性能直接搞。哦对了，它还能看缓存状态，有时候你以为是页面卡了，其实是缓存搞的鬼，用它一看就明白。
要用也简单，把调试脚本扔进你的页面头部，开启调试模式就行。控制台里立马能看到一堆有用信息。再配合它的 API，比如 Turbolinks.visit 去手动跳转页面，或者看看 Turbolinks.cache.size 的缓存大小，调起来顺手。
不过要注意哈，事件监听最好写在 turbolinks:load 里，不然页面一换事件全没了。还有，遇到不支持 Turbolinks 的老浏览器，记得备个降级方案。
如果你在做单页应用，或者用 Rails 搞前后端分离，这工具真能省不少时间。想试试的话，下载 JS-ED 压缩包里就有安装，按着来就行。
文件大小：617.16KB
评论区