对我来说,不想写js代码的原因有很多,其中最关键的一点是觉得写起来很麻烦,首先你要创建一个.html文档,然后加上标签,才能开始写。或者用Web Console一次写一行。大多数时候,我只是想验证一下小想法,可是繁杂的前期工作让我觉得实在痛苦得很。
现在!这个问题!终于解决了!我发现了一个神器!火狐的开发者工具——Scrachpad. Javascript草稿纸。告别繁杂的开始!愉快的畅游在Javascript代码中!
打开草稿纸
- 快捷键: shift+F4
- 浏览器右上
点击这个图标 ——> Web开发者 ——> 代码草稿纸
打开以后是这个样子的:
怎么样,是不是熟悉的配方熟悉的味道!是不是很像那些年我们用过的IDE。 还支持代码补全嗷!
代码补全
输入字符后,按Ctrl+Space
如果没效果,可能是热键冲突的原因。
行内文档提示
Ctrl+Shift+Space
打开后显示文档提示:
这个热键组合也很容易冲突。
执行
- 可以选择其中的一段代码执行,如果不选,默认执行草稿纸上所有代码。
保存
写完的代码段想保存怎么办?当然是点击保存啦!或者Ctrl+S
快捷键
Command | Windows | OS X |
---|---|---|
Open the Scratchpad | Shift + F4 | Shift + F4 |
Run Scratchpad code | Ctrl + R | Cmd + R |
Run Scratchpad code, display the result in the object inspector | Ctrl + I | Cmd + I |
Run Scratchpad code, insert the result as a comment | Ctrl + L Cmd + L | Ctrl + L |
Re-evaluate current function | Ctrl + E | Cmd + E |
Reload the current page, then run Scratchpad code | Ctrl + Shift + R | Cmd + Shift + R |
Save the pad | Ctrl + S | Cmd + S |
Open an existing pad | Ctrl + O | Cmd + O |
Create a new pad | Ctrl + N | Cmd + N |
Close Scratchpad | Ctrl + W | Cmd + W |
Pretty print the code in Scratchpad | Ctrl + P | Cmd + P |
Show autocomplete suggestions | Ctrl + Space | Ctrl + Space |
Show inline documentation | Ctrl + Shift + Space | Ctrl + Shift + Space |