有趣的控制台console

最新推荐文章于 2021-08-02 13:30:47 发布

粉色史蒂芬森

最新推荐文章于 2021-08-02 13:30:47 发布

阅读量697

点赞数

CC 4.0 BY-SA版权

分类专栏：前端相关

本文链接：https://blog.youkuaiyun.com/qq_35746344/article/details/78683449

前端相关专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用CSS技巧在控制台输出带有样式的内容，并通过Figlet工具增加文字的艺术效果。展示了如何设置背景图片、填充及行高属性等，使控制台输出更加美观。

1.显示文字、图片（css）

例：

console.log("%c", "padding:50px 300px;line-height:120px;background:url('http://images.cnitblog.com/blog/431064/201402/072156353445447.gif') no-repeat;");

这里写图片描述

2.figlet

链接↑，效果如下
这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

粉色史蒂芬森

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Idea 控制台console中文乱码最终解决方法

悟已往之不谏，知来者之可追

11-07

1288

Idea 控制台console中文乱码最终解决方法

关于C#控制台程序的很多非常好的事例

10-12

对控制台编程的一些写代码的细节同大家分享!

参与评论您还未登录，请先登录后发表或查看评论

非常有趣的Console

weixin_30954265的博客

12-01

159

console觉醒之路，打印个动画如何？原文地址: http://www.helloweba.com/view-blog-383.html 批量去掉或替换文本中的换行符（notepad++、sublime text2）原文地址：http://m.blog.youkuaiyun.com/article/details?id=43228729 有时候要将如下形式文本的换行去掉，类似，...

好玩的console

why404

08-02

246

好玩的console console有很多有趣的方法，有兴趣的可以在网上找找看看，我这里罗列的是一些比较常用的方法。一、console.log %c 占位符是最常用的。使用 %c 占位符时，对应的后面的参数必须是 CSS 语句，用来对输出内容进行 CSS 渲染。常见的输出方式有两种：文字样式、图片输出。 console.log("%c好玩的console！","color: red; font-size: 20px"); 二、console.table var obj= { .

console有趣的用法

u011525168的博客

12-23

291

实验看点 1.修改控制台输出内容样式 2.重写控制台输出格式(追加出错日期) 3.以表格的形式显示控制台输出内容 4.如何统计一个函数在程序中被调用的总次数 5.以便于阅读的形式输出打印内容 6.统计程序执行的时间 7.分组显示控制台输出内容 8.获取当前代码在堆栈中的调用路径 9.清除控制台显示的所有内容 10.断言输出 1.修改控制台输出内容样式 co...

有趣的console.log

weixin_35654814的博客

08-28

390

今天在技术群看到个花里胡哨的东西。留起来以后项目可以用（手动滑稽） <script> console.log("%c%c网红it%c分享it资讯", "line-height:28px;", "line-height:28px;padding:4px;background:#222;color:#FADFA3;font-size:14px;", "padding:4px;ba...

QT控制台console用GetAsyncKeyState函数获取键盘响应

06-15

在QT编程中，控制台应用（Console Application）是常见的开发场景，它允许程序员在命令行环境中执行程序。本文将深入探讨如何在QT控制台中利用Windows API中的`GetAsyncKeyState`函数来实时获取键盘输入的响应。`...

C# 控制台 Console Conway's game of life 康威生命游戏源码

08-21

C# 控制台程序带源码康威生命游戏（Conway's game of life）游戏以细胞为单元，每个细胞有两种状态：存活、死亡。游戏有下面几条规则：当细胞存活时，如果周围八格存活细胞时（不包含2个），该细胞死亡。当...

dotnet 将控制台 Console.WriteLine 内容输出到文件.rar

06-03

在.NET开发环境中，有时我们需要将控制台应用程序的输出（如`Console.WriteLine`）记录到文件中，以便于日志分析、错误追踪或者调试。本文档将详细介绍如何在使用dotnet时，实现`Console.WriteLine`内容的文件重定向...

QT控制台console获取按键响应，使用了QCoreApplication和QTimer来实现一个简单的控制台程序

06-15

在本示例中，我们关注的是如何在控制台(console)环境中使用QT获取按键响应，具体采用了QCoreApplication和QTimer这两个核心类。下面我们将深入探讨这两个类以及如何在控制台程序中实现按键监听功能。 ...

Chrome 控制台console的用法（学了之后对于调试js可是大大有用的哦）

weixin_34348111的博客

05-28

179

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上co...

console.log 的有趣之处

邓波的博客

09-26

885

有趣的代码：VS控制台输出用@ 0 o.组成的图形

qq_34422961的博客

01-05

1093

无关技术，特殊美感

通过一个控制台小Demo--算术题，来展示C#基本的程序结构

06-27

201

/*写一个随机产生数学题，你计算出答案的程序*/using System;namespace test { public class test{ /*判断是否正确*/ public static bool fun1(int[] randoms,int readLine_info) { int right_result ...

浏览器上有趣的Console命令都了解吗？

苦作舟的空城机

06-03

2691

序作为用过JavaScript的各位来说，一定都知道使用console.log输出信息吧（不知道也没关系）不过对于console，各位都了解全了吗？上手操作按下F12键，就会出现浏览器上控制台了，如下图这里我使用的是Chrome浏览器，不同浏览器控制台可能会有所不同接下来让我们使用一下console.log打印一下信息，看看效果 111被直接打印了出来，arr因为未定义，所以报错了 console命令 console的命令有很多，并不局限于我们常用的log日志命令 MDN参

一段有趣又实用的控制台工具代码

voidmain的专栏

06-25

1240

有趣又使用的控制台工具代码

C#入门的比较有意思的一个欢迎控制台程序！

甘啟银的专栏

12-30

1200

static void Main() { Console.WriteLine("Please enter your name:"); Console.ReadLine(); Console.WriteLine("Welcome to you!"); Console.Re

C#控制台之一幅很有意思的画用于理解代码的运行

速冻的博客

11-04

388

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace ConsoleApplication43 { class Program { static void Main(S...

shell编程-好玩的指令-让控制台变颜色

zero_kill的博客

08-10

919

好玩的shell指令-让控制台变色

uniapp控制台console信息

最新发布

03-15

<think>好的，我现在需要回答用户关于UniApp中控制台Console的使用方法，包括查看日志和输出信息的问题。首先，我需要回顾用户提供的引用内容，看看有哪些相关的信息可以利用。用户提到了五个引用，其中引用[1]、[2]、[3]、[4]、[5]都涉及到UniApp中控制台日志的处理。首先，用户可能想知道如何在不同的环境下（比如开发环境和生产环境）查看console.log的输出，以及如何控制日志的显示和隐藏。引用[1]提到在手机端、Web端和移动端如何观察console.log，这可能涉及到不同平台下的调试工具。比如在Web端使用浏览器的开发者工具，而在移动端可能需要使用真机调试或者VConsole这样的工具。引用[4]讨论了真机调试时控制台不打印的问题，可能涉及HBuilder X的配置或手机设置的问题。引用[2]和[3]提供了如何在生产环境中关闭console.log的方法，比如在main.js中重写console.log函数，或者在构建时根据环境变量判断是否启用日志。引用[5]提到了使用Android Studio来查看日志，这可能涉及到原生开发的调试方法。接下来，我需要将这些信息整理成一个清晰的步骤指南，涵盖不同平台和环境的日志查看方法，以及如何控制日志输出。可能需要分点说明，比如Web端调试、移动端调试、生产环境日志控制等。同时，用户可能遇到控制台不打印的问题，引用[4]中的解决方法可能需要提及，比如检查HBuilder X的配置、手机USB调试权限、日志过滤设置等。此外，还要注意在发布时移除调试代码，如引用[5]提到的删除相关配置以避免安装问题。最后，生成相关问题，比如如何在生产环境关闭日志，如何解决真机调试不打印的问题，或者如何集成VConsole等工具。这些问题应该围绕用户可能遇到的后续疑问展开。需要确保回答符合中文要求，使用正确的LaTeX格式（虽然这个问题可能用不到数学公式，但如果有变量或代码块需要正确处理）。同时，引用标识要自然地添加到对应的段落末尾，比如在提到关闭日志的方法时引用[2]和[3]。总结步骤： 1. 分平台说明如何查看日志（Web、App、小程序）。 2. 提供不同环境下的日志控制方法（开发/生产）。 3. 解决常见问题，如真机调试不打印。 4. 注意事项，如发布时移除调试代码。 5. 生成相关问题。</think>以下是在UniApp中使用控制台Console的完整指南： ### 一、查看控制台日志的方法 #### 1. Web端调试 - 在浏览器运行项目时，直接按`F12`打开开发者工具，在**Console**面板查看输出。 - 支持标准`console.log()`、`console.warn()`等API[^1]。 #### 2. 移动端调试（App） - **方法一：HBuilder X内置调试** 连接真机后，在HBuilder X控制台直接查看日志（需开启USB调试模式）[^4]。 - **方法二：Android Studio调试** 在原生工程中运行项目，通过`Logcat`过滤`console`标签查看日志（需添加拦截代码）[^5]。 - **方法三：VConsole工具** 在项目中集成VConsole，代码示例： ```javascript // main.js中配置 if (process.env.NODE_ENV === 'development') { new Vconsole(); } ``` 此工具会在页面右下角生成调试按钮[^3]。 #### 3. 小程序端 - 微信开发者工具内置Console面板，直接查看输出。 --- ### 二、控制日志输出 #### 1. 关闭生产环境日志在`main.js`中添加以下代码： ```javascript if (process.env.NODE_ENV !== 'development') { console.log = () => {}; // 关闭所有console.log } ``` 或根据环境变量动态控制[^2][^3]。 #### 2. 条件性输出 ```javascript // 仅开发环境输出调试信息 if (uni.getSystemInfoSync().platform === 'devtools') { console.log('调试信息'); } ``` --- ### 三、常见问题解决 #### 1. 真机调试无日志输出 - 检查HBuilder X是否开启**真机调试**模式 - 确认手机已开启**USB调试权限** - 尝试重启HBuilder X或更换数据线 #### 2. 日志过多难以筛选在Android Studio中使用`Logcat`过滤语法： ```bash tag:console # 仅显示console相关日志 ``` --- ### 四、注意事项 1. **发布前务必移除调试代码** 避免保留`VConsole`或日志拦截逻辑，否则可能导致覆盖安装异常。 2. **性能影响** 大量`console.log`会降低应用性能，建议生产环境关闭。 ---