JS新手入门课-使用浏览器的控制台进行辅助开发第2课时-王先生笔记

谷歌(Chrome)浏览器为我们提供了开发者工具，程序员都会使用它，用来调试代码和分析，工具中有一个console控制台，对我们开发js很有帮助。

开发者工具控制台的启用

在某个网页中打开控制台的方法：

如果是windows系统，按F12键，即可打开控制台

如果是mac系统，同时按command键+option键+j键，即可打开控制台

开发者工具是可以改为中文的，如果想改为中文，可以在搜索引擎搜到相关设置教程

控制台的使用

在控制台中，会显示当前页面js运行内容，也可以用于不修改js代码文件直接在控制台给网页插入js代码

运行结果演示

插入js演示

看图可以发现，控制台左边是输出的内容，右边是输出内容文件名和输出代码的行数位置，方便我们排查问题

用console.log()方法将js中的内容记录(输出)到控制台进行展示，括号内可以是各种值

在控制台输入代码并回车，网页会重新加载，并运行控制台插入的js代码

原文链接(非王先生笔记发布均为盗版)：https://wxsnote.cn/1755.html

温馨提示： 本文最后更新于2023-04-02 17:28:24，某些文章具有时效性，若有错误或已失效，请在下方留言或加入QQ群： 399019539 联系群主反馈。注意一些链接无法访问可能是你网络的原因，如Github，并非资源地址失效。

本站名称： 王先生笔记
本站网址： https://wxsnote.cn
1本站的代码分享(60%)，文字段落(95%)等，均为站长原创，全是站长亲手敲的，不可转载！付费资源及付费文章，更不可转载！
2若有转载部分，文章中会注明来源。若本站有部分内容与其他平台的内容有相同，未注明来源是因为发布时网络中找的来源太多无法查其根源，故不作注明。其内容仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
3访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
4除此以外，将本网站任何内容或服务用于其他用途时，须征得本网站及相关权利人的书面许可，并支付报酬。

如发现资源链接或文章教程失效，请联系我们，我们会在第一时间修复。
QQ群：①群399019539

THE END