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

与列位小伙伴分享一个关于浏览器节制台输出日记信息的代码 , 结果如图所示 。 小编登录百度经验 , 想要调试其工程代码研究 , 当点击“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”选项卡 , 结果已经实现 。

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

推荐阅读