1***@qq.com
1***@qq.com
  • 发布:2023-11-04 15:21
  • 更新:2024-12-23 15:28
  • 阅读:211

【报Bug】hbuilderX 真机调试和模拟器调试的控制台颜色问题

分类:HBuilderX

产品分类: HbuilderX

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: mac m1

HBuilderX版本号: 3.8.7

示例代码:

假如是控制台直接输出 请复制 这句话到系统控制台就会有彩色效果

复制代码echo -e "\033[5;32;41m 彩色 \033[0m"

假如是运行真机/模拟器后在hbuilderX 控制台查看输出,请将 这句话 复制到 代码里面 运行查看输出

复制代码console.log("\033[5;32;41m 这是彩色 \033[0m\n"); 

操作步骤:

运行h5 + app demo或者uniapp demo,到手机模拟器或者真机调试
demo里面的 js 部分写入 console.log("\033[5;32;41m 这是彩色 \033[0m\n");
然后 hbuilderX 的控制台打印这句话的时候会是红色的,我尝试了很多遍没有变化颜色

预期结果:

预期结果是类似于 console.log("\033[5;32;41m 这是彩色 \033[0m\n"); 在浏览器控制台输出的效果,当然我在自己电脑上也尝试过了,可以输出这样的彩色效果

实际结果:

实际效果是没有出现彩色

bug描述:

hbuilderX 内置控制台 真机运行和模拟器运行 时候 控制台输出的文字 不支持彩色输出

console.log("\033[5;32;41m 这是彩色 \033[0m\n");

2023-11-04 15:21 负责人:无 分享
已邀请:
boxue

boxue - boxue

export function log(message, ...args) {
console.log(\x1b[32m[LOG]\x1b[0m ${message}, ...args); // 绿色
// console.log("\033[5;32;41m 这是彩色 \033[0m\n");
console.log('%c这是一个绿色的成功信息', 'color: green; font-size: 16px; font-weight: bold;');
console.log('%c这是一个红色的错误信息', 'color: red; font-size: 16px; font-weight: bold;');
console.log('%c这是一个黄色的警告信息', 'color: orange; font-size: 16px; font-weight: bold;');

}
export function info(message, ...args) {
console.info(\x1b[36m[INFO]\x1b[0m ${message}, ...args); // 青色
}
export function warn(message, ...args) {
console.warn(\x1b[33m[WARN]\x1b[0m ${message}, ...args); // 黄色
}
export function error(message, ...args) {
console.error(\x1b[31m[ERROR]\x1b[0m ${message}, ...args); // 红色
}
export function debug(message, ...args) {
console.log(\x1b[34m[DEBUG]\x1b[0m ${message}, ...args); // 蓝色
}

我这样来定义也是不行的

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容