在Chrome开发者工具中编写JavaScript

Question

在Firebug中,我可以在控制台选项卡中键入我自己的JavaScript并执行它.有没有办法在Chrome Developer Tools中输入JavaScript并执行它？

Answer 1

1. 转到chrome://flags/,启用"启用开发人员工具实验"标志并重新启动Chrome(或使用--enable-devtools-experiments命令行标志启动它.)
2. 打开DevTools,转到Settings对话框,切换到Experiments选项卡.
3. 启用"Snippets支持"实验,关闭并重新打开DevTools.
4. 转到Sources面板.在左侧导航器侧栏中,切换到Snippets选项卡.
5. 右键单击此选项卡中的[空]树,选择New上下文菜单项.
6. 为新代码段添加您喜欢的任何名称,然后键入代码段正文.
7. 完成后,单击状态栏中的Run(>)按钮以执行代码段正文.您可以在片段中设置断点并将其作为普通脚本进行调试.

Answer 2

第1步:打开Goog​​le Chrome开发工具[ 按f12 ]

第2步:单击" 来源"选项卡

步骤3:在左侧面板上,单击Snippets选项卡(可能隐藏,如果是这样,单击>>将显示)

第4步:要创建新代码段,请单击" +新建"代码段或在"导航器"中单击鼠标右键,然后选择" 新建"

第5步:将代码开发到中间窗格并保存.

第6步:要运行Snippet,有三种方法

       A: Ctrl + Enter

       B: Click on Run button [ Into Right-side panel, Top-Left button ]

       C: Right-click on the snippet filename (in the pane on the left that lists
          all your snippets) and select Run.

Answer 3

最近的Chrome 使用Chrome 50,juste打开"控制台"选项卡,然后开始在控制台底部键入并执行代码.

向上箭头,回想一下代码,ctrl-enter为你提供了一个新行: