Javascript草稿纸

对我来说,不想写js代码的原因有很多,其中最关键的一点是觉得写起来很麻烦,首先你要创建一个.html文档,然后加上标签,才能开始写。或者用Web Console一次写一行。大多数时候,我只是想验证一下小想法,可是繁杂的前期工作让我觉得实在痛苦得很。
现在!这个问题!终于解决了!我发现了一个神器!火狐的开发者工具——Scrachpad. Javascript草稿纸。告别繁杂的开始!愉快的畅游在Javascript代码中!

打开草稿纸

  • 快捷键: shift+F4
  • 浏览器右上点击这个图标 ——> Web开发者 ——> 代码草稿纸

打开以后是这个样子的:

怎么样,是不是熟悉的配方熟悉的味道!是不是很像那些年我们用过的IDE。 还支持代码补全嗷!

代码补全

输入字符后,按Ctrl+Space
如果没效果,可能是热键冲突的原因。

行内文档提示

Ctrl+Shift+Space
打开后显示文档提示:

这个热键组合也很容易冲突。

执行

  • 可以选择其中的一段代码执行,如果不选,默认执行草稿纸上所有代码。

保存

写完的代码段想保存怎么办?当然是点击保存啦!或者Ctrl+S

快捷键

Command | Windows | OS X | Linux

  • | :-: | -:
    Open the Scratchpad | Shift + F4 | Shift + F4 | Shift + F4|
    Run Scratchpad code | Ctrl + R | Cmd + R | Ctrl + R|
    Run Scratchpad code, display the result in the object inspector | Ctrl + I | Cmd + I | Ctrl + I|
    Run Scratchpad code, insert the result as a comment | Ctrl + L Cmd + L | Ctrl + L|
    Re-evaluate current function | Ctrl + E | Cmd + E | Ctrl + E|
    Reload the current page, then run Scratchpad code | Ctrl + Shift + R | Cmd + Shift + R | Ctrl + Shift + R|
    Save the pad| Ctrl + S| Cmd + S| Ctrl + S|
    Open an existing pad| Ctrl + O| Cmd + O| Ctrl + O|
    Create a new pad| Ctrl + N| Cmd + N | Ctrl + N|
    Close Scratchpad | Ctrl + W| Cmd + W | Ctrl + W
    Pretty print the code in Scratchpad | Ctrl + P | Cmd + P | Ctrl + P
    Show autocomplete suggestions | Ctrl + Space| Ctrl + Space | Ctrl + Space
    Show inline documentation| Ctrl + Shift + Space| Ctrl + Shift + Space| Ctrl + Shift + Space|

官方文档

https://developer.mozilla.org/en-US/docs/Tools/Scratchpad

posted @ 2018-02-22 15:29  reikochyou  阅读(479)  评论(0编辑  收藏  举报