如何在浏览器控制台输出日志信息(含源代码)

 时间:2024-10-12 07:00:50

1、首先我们先创建一个文本文档。如图所示,在空白的目录右键点击,依次选择“新建 ---> 文本文档”。

如何在浏览器控制台输出日志信息(含源代码)

2、打开文本文档,将以下代码复制粘贴到文档中争犸禀淫<html> <head>如何在浏览器控制台打印信息</head> <body> <script type="text/javascript"> if(window.console){ var cons = console; if(cons){ cons.log("这位看代码的童鞋,不如来和我们一起为百度经验添砖加瓦吧!"); cons.log("有意求职者,请将简历发送至:xxxx(邮件请注明来自:console)"); } } </script> </body></html>

如何在浏览器控制台输出日志信息(含源代码)

3、点击菜单栏中的“文件”,在下拉列表选择点击“另存为”。

如何在浏览器控制台输出日志信息(含源代码)

4、在弹出的文件保存对话框,选择文件保存目录,自定义文件命名并修改文件后缀名为“.html”,然后点击【保存】,如图所示。

如何在浏览器控制台输出日志信息(含源代码)

5、双击打开编辑好的文件;或者使用鼠标单击选中编辑好的文件,然后右键点击,在打开的菜单中选择“打开”。

如何在浏览器控制台输出日志信息(含源代码)

6、打开的网页信息如图所示。我们打开“开发者皤材装肢工具”,因为我们使用的是谷歌浏览器,右键点击选择“检查”。其他常用浏览器打开“开发者工具”的方法:例如,360安全浏览器。右键点击-幻腾寂埒-->审查元素或者按F12也可;

如何在浏览器控制台输出日志信息(含源代码)

7、打开“开发者工具”,点击“Console”选项卡,效果已经实现。

如何在浏览器控制台输出日志信息(含源代码)

8、实现的代码对于学习编程的小伙伴们来讲并无多大难度,稍微理解即可,本文不再对代码进行讲解。遇到问题的小伙伴们可以私聊小编,大家一起学习共进。

  • main方法怎么获取配置文件中的值
  • vmware vsphere6.0之使用OVF部署虚拟机
  • windows双网卡怎么设置路由
  • 易语言怎么显示实时时间?
  • 按键精灵游戏开发教程
  • 热门搜索
    快乐阅读手抄报内容 关于科普类的手抄报 六一儿童节手抄报内容资料 以读书为主题的手抄报 消防手抄报资料 小学保护环境手抄报 抗美援朝70周年手抄报 有关大自然的手抄报 为国家富强而奋斗的杰出人物手抄报 快乐五一英语手抄报