1、浏览器控制台

作者: 魔方宫殿 | 来源:发表于2022-04-18 23:39 被阅读0次

浏览器控制台是查看代码调试信息和错误信息的地方,同时能够进行简单的交互,所以作为一个前端开发人员要做到时刻关注着控制台。

一、打开控制台
可以通过快捷键F12或者组合键CTRL+SHIFT+i打开控制台;也可以在网页内点击右键,然后选择查看打开控制台:

查看 控制台

二、简单交互
控制台打开以后,就可以进行一些简单的交互,比如拿来当计算器用:

计算器

三、查看错误信息
JS代码运行的错误信息也会输出到控制台之中,所以保持关注控制台能够帮助我们尽早发现问题:

错误信息

四、控制台显示位置
可以通过点击控制台右上角的三个点,打开控制台选项:

菜单 停靠侧

通过选择停靠侧,可以把控制台停靠在左侧、下面和右侧,以及浮窗显示。


总结:
一、打开控制台
二、简单交互
三、查看错误信息
四、控制台显示位置


下一篇:JS基础数据类型

相关文章

  • 浏览器暗黑模式阅读PDF

    1、 打开浏览器的控制台2、拷贝如下命令到控制台,按回车执行 3、关闭控制台,效果实现

  • 页面输出

    1.调试器: 1.打开方式:控制台打开:浏览器F12打开控制台,要养成用谷歌浏览器进行前端开发,每次打开网页就F1...

  • 01 服务器

    启动:控制台输出 在浏览器输入 127.0.0.1:8888浏览器看到 控制台输出 缓冲 Buffer 搬家的时候...

  • TypeError: Failed to fetch

    在浏览器控制台运行fetch报错 复制请求copy as fetch 粘贴到浏览器控制台运行报错Uncaught ...

  • 创建react-native速度慢

    1)可以将cmd控制台提示下载downloading 'url',将链接在浏览器下载下来。ctrl+c取消控制台的...

  • 错误处理与调试

    1、浏览器错误报告 (1) 浏览器按F12进入控制台查看错误。(2) try{}catch(e){alert(e)...

  • 1、浏览器控制台

    浏览器控制台是查看代码调试信息和错误信息的地方,同时能够进行简单的交互,所以作为一个前端开发人员要做到时刻关注着控...

  • 4399面试总结

    1.谈谈浏览器的调试答:(1)使用不同的浏览器(2)使用控制台 追问:怎么查看性能 追问:怎么调试JavaScri...

  • 用程序随机生成中文姓名

    粘进浏览器控制台运行

  • 浏览器调试相关

    1. 安装vue-devtools拓展程序 (1) 使用 Chrome 浏览器开发 Vue 项目的时候,控制台提示...

网友评论

    本文标题:1、浏览器控制台

    本文链接:https://www.haomeiwen.com/subject/llmjertx.html