仿百度浏览器控制台打印信息

╰+攻爆jí腚メ 2023-09-28 08:15 17阅读 0赞

> 在百度搜索页面打开浏览器控制台（F12)，看到这么一段提示文字信息。
> 
> 感觉挺有趣的，它是如何实现的呢？一起动手实践一下吧。

![cb9b9761f9574b19a08f5eb4ed59164f.png][]

**目录**

一、预览效果

二、程序代码

--------------------

## 一、预览效果 ##

![65365a62529144a7b08008a3b9ed2f56.png][]

## 二、程序代码 ##

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>仿百度浏览器控制台打印信息</title>
    </head>
    
    <body>
    
      <h1 style="color:red">打开浏览器控制台（快捷键：F12）可以看到效果哦~</h1>
      <script>
        var webConsole = {
          job: function () {
            if (window.console) {
              console.log('每一个星球都有一个驱动核心，');
              console.log("感受世界的温度，");
              console.log("年轻的你也能成为改变世界的动力，");
              console.log("每一种思想都有影响力的种子。");
              console.log("你的潜力，是改变世界的动力！");
              console.error("博主名称：Roc-xb");
              console.error("博客地址：https://blog.csdn.net/qq_19309473?spm=1010.2135.3001.5343");
            }
          }
        }
        webConsole.job();
      </script>
    </body>
    </html>

[cb9b9761f9574b19a08f5eb4ed59164f.png]: https://img-blog.csdnimg.cn/cb9b9761f9574b19a08f5eb4ed59164f.png
[65365a62529144a7b08008a3b9ed2f56.png]: https://img-blog.csdnimg.cn/65365a62529144a7b08008a3b9ed2f56.png

发表评论取消回复

表情：

评论列表（有 0 条评论，17人围观）

还没有评论，来说两句吧...

相关阅读

相关 logback控制台打印debug信息

要让logback在控制台打印debug信息，您需要在logback的配置文件中设置日志级别为debug。具体步骤如下： 1. 打开logback的配置文件，通常命名为lo

柔情只为你懂/ 2024年03月25日 09:13/ 0 赞/ 79 阅读

相关仿百度静态页面

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

Myth丶恋晨/ 2024年02月18日 18:22/ 0 赞/ 32 阅读

相关 logback控制台打印信息

一）logback日志组件简介：logback是一款开源日志组件，属于Log4j的升级版本，现在项目组使用的次数越来越多。优点： 1、初始化加载内存小 2、配置修改

朴灿烈づ我的快乐病毒、/ 2023年10月11日 22:08/ 0 赞/ 7 阅读

相关仿百度浏览器控制台打印信息

> 在百度搜索页面打开浏览器控制台（F12)，看到这么一段提示文字信息。 > > 感觉挺有趣的，它是如何实现的呢？一起动手实践一下吧。 ![cb9b9761f9574b19

╰+攻爆jí腚メ/ 2023年09月28日 08:15/ 0 赞/ 18 阅读

相关仿百度首页HTML和CSS,仿百度首页

实现的效果如下图: ![89bdf10b4f57][] 屏幕快照 2017-07-26 13.48.01.png 新手写代码的悲哀,知道代码一堆问题却无从下手,只能贴上实

野性酷女/ 2022年10月07日 12:47/ 0 赞/ 274 阅读

相关 html5仿百度模板,html5仿百度舆情数据展示页面滚动模板

![b7ef3c80661795b5d4bd5042c6f5ad9d.png][] html5页面滚动展示模板，百度舆情展示页面模板下载资源下载此资源下载价格为4D币，请

本是古典何须时尚/ 2022年10月07日 04:47/ 0 赞/ 150 阅读

相关仿百度地图街景实现

使用过百度地图的同学知道，它有个街景功能，可以看到许多地方的实景。这里就其街景内容的实现，进行下学习。 > 在[百度地图SDK的官网][SDK]上可以看到，百度对开发者提供了

悠悠/ 2022年09月22日 03:49/ 0 赞/ 307 阅读

相关 html仿百度首页

<!DOCTYPE html> <html> <head> <title>百度页面</title>

野性酷女/ 2022年09月04日 04:39/ 0 赞/ 215 阅读

相关 js--搜索框提示仿百度

大概要实现的内容这是一个很简单的示例，服务器端只是用了一个jsp页面，返回的类型为xml。先讲下是怎么回事，就是在浏览器端，通过ajax请求，发送一串英文字母，服务

客官°小女子只卖身不卖艺/ 2022年04月17日 04:19/ 0 赞/ 334 阅读

相关仿百度页面，实现百度一下js部分代码

`js部分代码` <script type="text/javascript"> function startSearch(){ var

柔光的暖阳◎/ 2021年12月09日 05:49/ 0 赞/ 356 阅读