CodePen避免自动刷新导致的JS卡死
2015-12-22 22:14
489 查看
经常需要做一些前端代码的实验, 这时候我往往会用JSFiddle或CodePen.
最近用CodePen更多一些, 里面提供的选项更加丰富, 提供了各种各样的HTML/Javascript/CSS Preprocessor, 对移动端的支持也更好. 更重要的是, 我觉得, CodePen更酷一些, 里面能够看到各种别人做的酷炫Demo.
CodePen的自动刷新机制也是很好用的, 特别有利于修改HTML和CSS, 能够动态地看到修改后的效果. 不过这个特性在编写js的时候有时候会坑爹: 因为代码还没写完就运行了, 如果出现死循环什么的, 浏览器就卡死了.
发现了两种方法可以避免未编写完的JS文件自动刷新导致的卡死:
在URL后面加上
Settings > Behavior > Want a Run Button? > 取消勾选"AUTO UPDATE PREVIEW".
参考:
Turn Off JavaScript in Previews
Auto Run in JavaScript now Optional
最近用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".
参考:
Turn Off JavaScript in Previews
Auto Run in JavaScript now Optional
相关文章推荐
- 深入理解js中的display:none和visibility属性
- JS_string/boolean类型学习
- JavaScript-什么是内置对象及string字符串对象
- Javascript正则表达式常用的字符和符号
- JavaScript-CheckBox全选/反选
- JavaScript-CheckBox全选/反选
- JavaScript-CheckBox全选/反选
- javascript冒泡排序为数组排序
- Javascript设计模式理论与实战:适配器模式
- bzoj4332;vijos1955:JSOI2012 分零食
- 轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)
- js模块加载seajs
- javascript
- JavaScript-日期格式化(一)
- JavaScript-日期格式化(一)
- JavaScript-日期格式化(一)
- jsp综合应用之标准化考试
- 对js原型对象的理解
- JavaScript进阶(十一)JsJava2.0版本
- JavaScript进阶(十一)JsJava2.0版本