首页 > 电脑专区 > 电脑教程 >

用chrome浏览器控制台创建js小脚本

来源:互联网 2023-02-21 23:14:52 197

使用chrome浏览器的开发工具,我们可以动态创建一些js小脚本的,怎么操作?下面我们来看一下。Fy9办公区 - 实用经验教程分享!

方法/步骤

  • 1

    打开chrome浏览器,打开要调试的网站。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 1本页面未经许可获取自百度经验
  • 2

    在页面上右键点击,然后在右键菜单上点击‘检查’Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 3

    点击后就会打开了浏览器开发者工具了。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 4

    在开发者工具上,点击Console,也就是控制台。、Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 5

    在控制台面板上,最下方是可以输入代码的。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 6

    我们在这里就输入一小段代码:console.log代码,就是在控制台上输出一些信息。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 7

    输入完成后,按回车键,就可以看到控制台里有输出对应的内容了。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 8

    在控制台上输入的脚本和在代码里输入的是没差别的,可以输入更复杂的内容。在这里输入一个alert弹框的代码。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 9

    按回车后,可以看到在页面上弹出了一个窗口,信息显示的如代码的一样。Fy9办公区 - 实用经验教程分享!

    用chrome浏览器控制台创建js小脚本Fy9办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Fy9办公区 - 实用经验教程分享!


    标签: 浏览器CHROME浏览控制创建

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码