含源代码如何在浏览器控制台输出日志信息 _电脑

与列位小伙伴分享一个关于浏览器节制台输出日记信息的代码，结果如图所示。小编登录百度经验，想要调试其工程代码研究，当点击“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【含源代码如何在浏览器控制台输出日志信息】实现的代码对于进修编程的小伙伴们来讲并无多浩劫度，稍微理解即可，本文不再对代码进行讲解。碰到问题的小伙伴们可以私聊小编，大师一路进修共进。

注重事项很是感激您的阅读，但愿本篇经验能帮到您，接待存眷、点赞、投票~

以上内容就是含源代码如何在浏览器控制台输出日志信息的内容啦，希望对你有所帮助哦！