javascript - 是否可以有条件地设置 console.log() 的输出样式? (对于网络浏览器)

标签 javascript css google-chrome console conditional-statements

我知道关于这个主题还有其他一些问题,我已经检查了很多。我已经成功地使用 %cconsole.log 的输出进行样式化,但是,我无法弄清楚(或找到任何关于)如何有条件地设置样式它。我指的是控制台的主题。我使用暗模式,所以我可以看到这个调用的白色文本:

console.log("%c This is intended solely for developers. If someone has asked you to copy/paste something here they are trying to scam you and your data might be compromised.","color: white; font-size: 12pt; font-weight: bold")

但是,如果临时用户没有打开暗模式,他们将无法看到文本,所以我试图让 color 属性在以下情况下变为黑色控制台未处于暗模式。

有没有办法做到这一点?

我知道这很微不足道,但如果有人能帮助我,我将不胜感激。

最佳答案

Chrome 开发人员工具是一个单独的 HTML 页面,即使作为侧边栏连接时也是如此。因此,您无法从网页上查看他们的主题。

看起来您已经意识到这一点,但如果不覆盖颜色,主题颜色将自动应用(允许条件格式)。

关于javascript - 是否可以有条件地设置 console.log() 的输出样式? (对于网络浏览器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59023430/

相关文章:

google-chrome - 所有已登录设备的浏览历史记录

javascript - 启用 JS 时使用 onclick 事件,未启用时导航到 URL

javascript - Fabric.js 裁剪 Sprite 与单个图像的效率

javascript - 使用 jQuery 添加基于浏览器滚动位置的 CSS 类 - 寻找更模块化的方法

html - 有没有工具可以获取 css 类并使它们内联?

javascript - 单击以更改背景切换

html - 修复有问题的过滤器 CSS 属性转换(Chrome)?

javascript - Pikaday - 标记或突出显示某些日期

javascript - 是否可以创建一个在js中创建特定Dom元素的模块?

html - Chrome 中奇怪且不需要的粗垂直线,在检查器中无法追踪