【问题标题】:Is it possible to conditionally style the output from console.log()? (for web browsers)是否可以有条件地设置 console.log() 的输出样式? (对于网络浏览器)
【发布时间】:2019-11-24 23:25:31
【问题描述】:

我知道还有一些关于这个主题的其他问题,我已经检查了很多。我已经成功地使用%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 属性在控制台未打开时变为黑色在黑暗模式下。

有没有办法做到这一点?

我知道这很简单,但如果有人能帮我解决这个问题,我将不胜感激。

【问题讨论】:

  • 保持默认颜色(已经很大很粗)或者用红色什么的。没有控制台媒体查询。
  • 虽然“使用红色或其他东西”不是一个有用的回应,但我刚刚删除了 color 属性并且它已经工作了,所以谢谢!
  • 尽管红色在主题和控制台警告消息中都可见,但不需要漂亮?好的。
  • 嗯,这并不适用于所有console.log() 消息或任何其他警告消息,它只是从应用程序中的父组件之一调用的主要免责声明。虽然我知道它不需要“漂亮”,但如果用户碰巧打开控制台,它应该被用户阅读,所以我认为花一些时间让它看起来不错是可以的。我不是故意在我之前的评论中听起来粗鲁,因为我真的很欣赏及时的回应。

标签: javascript css google-chrome console conditional-statements


【解决方案1】:

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

您似乎已经意识到了这一点,但如果不覆盖颜色,则会自动应用主题颜色(允许条件格式)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-05-12
    • 2020-10-28
    • 2013-03-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多