在百度搜索页面打开浏览器控制台(F12),看到这么一段提示文字信息。

感觉挺有趣的,它是如何实现的呢?一起动手实践一下吧。

目录

一、预览效果

二、程序代码


一、预览效果

二、程序代码

<!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>

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

  1. ElasticSearch5.3插件开发(一)控制台打印信息

    自定义插件类继承org.elasticsearch.plugins.Plugin 本文最简单的一个插件,在控制台打印信息: package es.plugins; import org.elastic ...

  2. 在浏览器控制台打印彩色文字

    浏览器控制台我们一般都是用来打印一些信息,来调试我们的代码.但是控制台也可以变得多姿多彩. console.log("%c 前端开发 %c v1.2.0 ", 'color:#ff ...

  3. 复制浏览器控制台打印的数据

    因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?下面来说一下具体步骤,简单方便,超级好用哦! ...

  4. 浏览器控制台打印数据

    因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?下面来说一下具体步骤,简单方便,超级好用哦! ...

  5. 浏览器控制台打印FormData信息

    获取form表单元素的值 var formData = new FormData(document.getElementById("addForm")); 打印 formData信 ...

  6. 百度浏览器的隐私安全问题分析

    主要发现 百度浏览器是微软和安卓平台上的一种网络浏览器,个人用户在向服务器传输数据时进行加密,就算加密了也很容易被解密.浏览器更新时可能很轻易地被中间攻击者利用,执行任意代码. 安卓版本的百度浏览器传 ...

  7. printk在应用层的设置方式及读取内核打印信息的方法

    如果 printk 中没有加调试级别,则使用默认的调试级别.注意,调试级别和格式化字符串之间没有逗号.当前控制台的各打印级别可以通过下面的命令来查看. # cat /proc/sys/kernel/p ...

  8. 手机端模拟浏览器控制台

    问题 平常都是用谷歌浏览器模拟手机端,在控制台上检查代码信息.但是和真实手机还是有一定的差距. 方法 使用eruda.js 在调试页面中添加代码 <script src="//cdn. ...

  9. JavaScript——基本语法入门及控制台打印变量

    JavaScript--基本语法入门及控制台打印变量 基本语法 1.变量语法 2.条件控制语法 <!DOCTYPE html> <html lang="en"&g ...

最新文章

  1. 【k8s最容易理解的科普】到底是什么 用处是什么
  2. mysqlbinlog flashback 使用最佳实践
  3. ubuntu中使用VsCode+Eigen创建Eiegn应用程序
  4. Profibus-DP光端机产品功能特点及技术参数详解
  5. crc16码表的使用_查表法计算CRC16校验值
  6. 在哪里学python-python的强项在哪里
  7. 机械工程师手册 pdf版下载_现代机械零部件设计手册 [于惠力 编]pdf下载0284
  8. intelliJ IDEA 2017 破解方法
  9. 端子台UL认证 UL 1059
  10. 用Python对淘宝用户行为数据的分析
  11. C语言实现带表头节点的链表
  12. 实现舞会上男女舞伴的自动匹配。
  13. 用计算机进行会计核算与手工会计核算,会计核算软件与手工会计核算软件有什么区别...
  14. macOS Big Sur正式版下载
  15. 【android精品源码系列】安卓线上购物商城
  16. MyEclipse 2016 Windows/Linux/Mac 版下载地址
  17. R语言散点图分类、配色、添加趋势线
  18. 外媒:欧盟推出超级计算机 计划追赶中国
  19. Cordova项目IphoneX适配,结合BUI前端框架项目(需要修改原生代码)
  20. 闲暇时,写的一个Qt简单桌面日程工具

热门文章

  1. 前端自动化测试框架cypress
  2. 计算机毕业设计JAVA书店管理mybatis+源码+调试部署+系统+数据库+lw
  3. safari扩展安装_如何安装和管理Safari 5扩展
  4. 想要做拼多多爆款,企立方电商来帮忙
  5. 今阶段面试笔试常见问题总结
  6. HTTP与HTTTPS的区别
  7. ndows 资源管理器,Windows 资源管理器
  8. 汇丰数据处理(上海)有限公司简介和面试经历
  9. 对于oracle rowid 用法列子
  10. PHP在线编辑表格源码,菜鸟教程php在线编辑器