如何在浏览器控制台输出日志信息（含源代码）
与列位小伙伴分享一个关于浏览器节制台输出日记信息的代码，结果如图所示。小编登录百度经验，想要调试其工程代码研究，当点击“Console”选项卡打开节制台，提醒如图有趣的提醒，于是在当地建立一个工程，颠末测试可以实现其结果，现分享给大师。
东西/原料
- 电脑
- 代码编纂器（Notepad++、记事本和Eclipse等）
方式/步调
- 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
实现的代码对于进修编程的小伙伴们来讲并无多浩劫度，稍微理解即可，本文不再对代码进行讲解。碰到问题的小伙伴们可以私聊小编，大师一路进修共进。
注重事项
- 很是感激您的阅读，但愿本篇经验能帮到您，接待存眷、点赞、投票~
- 发表于 2019-03-01 23:24
- 阅读 ( 1178 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章