Chrome脚本测试Snippets工具的使用

时间:2024-10-12 11:34:37

1、打开浏览器,按F12打开开发者工具

Chrome脚本测试Snippets工具的使用

2、点击Sources页签

Chrome脚本测试Snippets工具的使用

3、点击Sources页签下的Snippets

Chrome脚本测试Snippets工具的使用

4、点击Snippets下的 New Snippet

Chrome脚本测试Snippets工具的使用

5、此时在右侧会出现一个可以输入脚本的编辑框,写代码如下:console.log("hello world")

Chrome脚本测试Snippets工具的使用

6、在左侧会出现新新的脚本文件,在脚本文件上右键---run就可以执行脚本了

Chrome脚本测试Snippets工具的使用

7、在控制台打印出信息‘hello world’运行成功

Chrome脚本测试Snippets工具的使用

8、保存脚本,可以在脚本文件右键--save as

Chrome脚本测试Snippets工具的使用
© 手抄报圈