多语言展示
当前在线:1484今日阅读:26今日分享:39

F12控制台使用干货----网页开发

一般做程序开发的时候,都是用F12调试,或者查看元素,不知道你们有没有发现一个控制条这个神器,这里小编给大家详细介绍下控制台神奇的地方
工具/原料

浏览器

方法/步骤
1

在网页中,F12,打开,然后切换到控制台一栏即可

2

这里可以用来输出前端日志,如代码里面写上日志: console.log('记录日志')

3

网页运行之后下面即可,输出日志

4

还可以在控制台直接执行JS脚本,如我的网页中有个弹出的方法:showMe

5

那我们直接可以在控制台就输入showMe,测试这个方法的效果

6

最后还可以查看调试时候的数据变量,如在js中加个debugger断点调试

7

等到前端捕捉到调试器的时候

8

直接在控制台输入data,即可查看这个data的值

推荐信息