web前端测试利器–CodePen

2014-02-20阅读(10655)评论(0)牵着狗狗看MM

苏州实时公交查询

CodePen是用来制作测试页面的网站
CodePen只提供最新版本的jQuery, MooTools, Prototype框架,且默认不使用任何库。
jsFiddle写代码的效果要手动点击Run才能看到,CodePen所见即所得。如果你是没有2个显示器的高富帅,在你测试网页的时候,CodePen是再好不过的工具了。
而且首页还有很多优秀的前端demo效果。您可以从中获得很多前端交互的灵感,当然,其中的技术实现也可以一并学习!
codepan

JS库可以选择默认,也可以从下面的地址栏输入JS库地址
js

快捷键:
 Shortcuts
操作
CTRL+P:创建新项目
CTRL+S:保存
CTRL+I:信息面板(如果有的话)
编辑器命令
CTRL+[:右缩进代码
CTRL+]:左缩进代码
CTRL+/:注释代码
⇧ Tab:整理代码
CTRL+L:选择当前行
CTRL+⇧ . :选择下一个重要的事情
CTRL+J:加入当前和下一行
Ctrl+Shift+D:重复的行
Ctrl+Shift+K:删除行
HTML
Ctrl+D:选择向外匹配
Ctrl+⇧A:换用
Ctrl+Alt .:关闭标签

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » web前端测试利器–CodePen
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏