console.log() 在浏览器控制台输出特殊字符编码的图案

1.将图案变成字符形式

进入这个网站:http://picascii.com/ 该网站支持将图片生成 字符图案。(当然也可以使用别的工具)

选择一张图片,可以设置大小和是否显示颜色。这个需要大家自己调调,找找合适的照片和大小。

我们将 TEXT 中的内容复制出来。

2.对生成的字符图案进行处理

工具:Notepad++

先设置一下:

效果:就将换行符显示出来了

将\r\n 都替换成为 \n 需要两步:

打开替换界面(快捷方式:ctrl+H)

由于不能直接替换成\n,我们先替换成a,等会再替换\n.

你会发现整个text变成了一行,再次替换:

完成。

3.设置到console.log() 中,看是否成功。

新建html,用console.log()打印就ok

原文地址:https://www.cnblogs.com/hermitks/p/10944453.html

时间: 2024-10-27 12:53:09

console.log() 在浏览器控制台输出特殊字符编码的图案的相关文章

前端不为人知的一面--前端冷知识集锦 前端已经被玩儿坏了!像console.log()可以向控制台输出图片

前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前端技能,一些属于技巧,一些则是闻所未闻的冷知识,一时间还消化不过来.现分类整理出来分享给大家,也补充了一些平时的积累和扩展了一些内容. HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开

在浏览器控制台输出内容 console.log(string);

在浏览器控制台中写如数据 1添加    <script type="text/javascript">djConfig = { isDebug: true };</script> 在<script>写入需要输出的内容 <script> 如: dojo.require("esri.map"); function init() { var map = new esri.Map("map"); dojo.

在浏览器控制台输出图片

今天无意中在百度知道页面打开了控制台,看到了控制台里居然有百度的logo 研究发现方法如下 if(!console){ console = {} console.log = function(){} } function setConsoleImage(url){ var img = new Image(); img.style.display = "none"; document.body.appendChild(img); img.src = url; img.onload = f

IE 8 下小心使用console.log()

我们很多情况下会使用console.log() 对代码调试.在chrome下和Firefox下都不会有太大问题,但是在最近我在IE8 下调试时使用了console.log(),就出现一些问题.在IE8中要想使用它调试代码必须要先开启F12,如果不开启F12,在浏览器的下方就会显示报错.那是因为IE8会将console.log()默认处理为错误逻辑,但是在F12下处理为控制台输出.比较有意思的是,但我们将F12关闭,刷新页面,IE8 仍然将console.log()处理为控制台输出,即打开过一次F

0088 JavaScript输入输出语句:alert、console.log、prompt

为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下: 方法 说明 归属 alert(msg) 浏览器弹出警示框 浏览器 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框,用户可以输入 浏览器 注意:alert() 主要用来显示消息给用户,console.log() 用来给程序员自己看运行时的消息. 原文地址:https://www.cnblogs.com/jianjie/p/12127358.html

浏览器控制台console

console对象 console对象代表浏览器的JavaScript控制台.虽然它还不是标准,但是各大浏览器都原生支持,已经成为事实上的标准. console对象主要有两个作用: 显示网页代码运行时的错误信息. 提供了一个命令行接口,用来与网页代码互动. console对象的接口有很多方法,可供开发者调用. console.log() log方法用于在console窗口显示信息. 如果参数是普通字符串,log方法将字符串内容显示在console窗口. console.log("Hello Wo

console.log()方法中%s的作用

一.console.log("log信息"); 二.console.log("%s","first","second"); 输出结果:first second 三.将对象转换为普通字符串后执行console.log("%s","guoyansi",{name:"思思博士"});//输出结果:guoyansi { name: '思思博士' } 四. //将字符串作为数值

console.log()控制台输出小技巧

普通控制台输出 1. console.log('aaa') 控制台 2.更易于识别 console.log( "%c%s", 'color:red','aaa')

浏览器控制台console的使用

前天在团队项目中因为产品需求在提交订单的时候需要多个页面的数据作为提交接口的参数,这种需求让人醉醉的,项目用angular来做的,没办法只能用全局变量来定义要交互的值和localStorage来临时的将数据存在浏览器,话不多少进入正题. 用JS组装的JS对象在存入localStorage的时候要用JSON.stringify转成JSON对象才能正确的存起来,同理取得时候也要用JSON.parse来将JSON对象转化成JS对象才能在前端正常使用.当时在控制台打印从localStorage获取到的数