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怎么判断事件是否绑定
  • 热门搜索
    病毒手抄报 母亲节的手抄报 清明节手抄报一等奖 养成教育手抄报 秋天手抄报 文明健康有你有我手抄报 三八妇女节手抄报简单 重阳节的手抄报简单又漂亮 致敬抗疫英雄手抄报 环保手抄报资料