仿百度浏览器控制台打印信息
在百度搜索页面打开浏览器控制台(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>
仿百度浏览器控制台打印信息相关推荐
- ElasticSearch5.3插件开发(一)控制台打印信息
自定义插件类继承org.elasticsearch.plugins.Plugin 本文最简单的一个插件,在控制台打印信息: package es.plugins; import org.elastic ...
- 在浏览器控制台打印彩色文字
浏览器控制台我们一般都是用来打印一些信息,来调试我们的代码.但是控制台也可以变得多姿多彩. console.log("%c 前端开发 %c v1.2.0 ", 'color:#ff ...
- 复制浏览器控制台打印的数据
因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?下面来说一下具体步骤,简单方便,超级好用哦! ...
- 浏览器控制台打印数据
因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?因为控制台打印的数据内容层次很深,一个一个属性点开看很麻烦,怎么直接复制出来?下面来说一下具体步骤,简单方便,超级好用哦! ...
- 浏览器控制台打印FormData信息
获取form表单元素的值 var formData = new FormData(document.getElementById("addForm")); 打印 formData信 ...
- 百度浏览器的隐私安全问题分析
主要发现 百度浏览器是微软和安卓平台上的一种网络浏览器,个人用户在向服务器传输数据时进行加密,就算加密了也很容易被解密.浏览器更新时可能很轻易地被中间攻击者利用,执行任意代码. 安卓版本的百度浏览器传 ...
- printk在应用层的设置方式及读取内核打印信息的方法
如果 printk 中没有加调试级别,则使用默认的调试级别.注意,调试级别和格式化字符串之间没有逗号.当前控制台的各打印级别可以通过下面的命令来查看. # cat /proc/sys/kernel/p ...
- 手机端模拟浏览器控制台
问题 平常都是用谷歌浏览器模拟手机端,在控制台上检查代码信息.但是和真实手机还是有一定的差距. 方法 使用eruda.js 在调试页面中添加代码 <script src="//cdn. ...
- JavaScript——基本语法入门及控制台打印变量
JavaScript--基本语法入门及控制台打印变量 基本语法 1.变量语法 2.条件控制语法 <!DOCTYPE html> <html lang="en"&g ...
最新文章
- php扩展xdebug安装以及用kcachegrind系统分析
- 把权限控制做成用户控件--简易型
- C#多线程编程(6)--线程安全2 互锁构造Interlocked
- windows下手把手教你捕获数据包
- CentOS bug修复指令集(阿里云漏洞修复方法)
- CodeForces - 1360G A/B Matrix(最大流)
- Solr+Hbase多条件查(优劣互补)
- win7输入密码界面背景怎么更改
- 自定义behavior-仿华为应用市场
- 详解5G:关键能力、关键技术、应用场景、网络架构、经济影响
- LeetCode 5355. T 秒后青蛙的位置
- 高效使用Tigergraph和Docker
- TCP,IP,UDP等各种报文格式
- P8842 [传智杯 #4 初赛] 小卡与质数2 题解
- oracle sparc 服务器系统,oracle sparc服务器基础及管理.pdf
- android vlc 画面不动,vlc播放rtsp over tcp画面突然卡住问题
- apdl与传统计算机语言,ANSYS经典APDL语言详解及ANSYS二次开发
- 罗技 android蓝牙键盘,用上罗技K380 Multi-Device蓝牙键盘 我1分钟内就学会了分身术...
- 斗战神单机版正在连接服务器,斗战神登录卡在这里,又不提示登录失败或者连接超时什......
- Thinking In Design Pattern——工厂模式演绎
热门文章
- np.random.randint函数
- 中国医药导刊杂志中国医药导刊杂志社中国医药导刊编辑部2023年第3期目录
- 自编码-李宏毅深度学习/机器学习
- 继滴滴之后,网约车遇行业大洗牌
- C/C++ 关于按位操作符
- python爬虫实战(四)--------豆瓣网的模拟登录(模拟登录和验证码的处理----scrapy)...
- Web 前端开发精华文章推荐(jQuery、HTML5、CSS3)
- 基于python的车辆轨迹研究_highD:德国提出从空中角度测量车辆数据的新方法(文末附多种车辆轨迹数据集)...
- AST基础+混淆JS还原的逐步演示
- Flowable深入浅出-6 Flowable-Modeler详述之常见问题Table act_ge_property doesn‘t exist