经常需要做一些前端代码的实验, 这时候我往往会用JSFiddle或CodePen.
最近用CodePen更多一些, 里面提供的选项更加丰富, 提供了各种各样的HTML/Javascript/CSS Preprocessor, 对移动端的支持也更好. 更重要的是, 我觉得, CodePen更酷一些, 里面能够看到各种别人做的酷炫Demo.
CodePen的自动刷新机制也是很好用的, 特别有利于修改HTML和CSS, 能够动态地看到修改后的效果. 不过这个特性在编写js的时候有时候会坑爹: 因为代码还没写完就运行了, 如果出现死循环什么的, 浏览器就卡死了.
发现了两种方法可以避免未编写完的JS文件自动刷新导致的卡死:
- 在URL后面加上
?turn_off_js=true. - Settings > Behavior > Want a Run Button? > 取消勾选"AUTO UPDATE PREVIEW".
参考: