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工具的使用
  • Windows 10资源管理器标题栏如何显示完整路径
  • 魔兽世界正式服任务清理死尸怎么做?
  • Win11如何打开Windows文件夹
  • Eclipse打开文件时资源管理器自动定位到该文件
  • js怎么判断事件是否绑定
  • 热门搜索
    家庭背景怎么写 斐讯路由器怎么设置 怎么重装电脑系统 淘宝店铺怎么关闭 毕业证丢了怎么办 照片怎么换背景 怎么可以瘦脸 乌鸡白凤丸怎么样 离婚怎么办 荧光剂怎么检测