如何使自定义消息在用户在我的网站上打开开发工具时显示在控制台部分中?



我最近在 Reddit.com 和 Facebook.com 上打开了开发工具,它们都向在其站点上打开控制台的开发人员显示了自定义消息。 Reddit有一个招募开发人员的广告,Facebook在控制台部分有一个警告,警告人们不要粘贴可能导致他们的帐户被劫持的代码。

我怎样才能实现这样的事情? 这是 HTML 中页眉或页脚的一部分吗?

如果你在开发工具中查看Reddit的来源,你会发现一行看起来像这样:

console.log("n                  ,d"=≥,.,qOp,n                 ,7'  ''²$(  )n                ,7'      '?q$7'n             ..,$$,.n   ,.  .,,--***²""²***--,,.  .,n ²   ,p²''              ''²q,   ²n:  ,7'                      '7,  :n ' $      ,db,      ,db,      $ 'n  '$      ²$$²      ²$$²      $'    Using Reddit at work? Work for Reddit.n  '$                          $'        https://www.reddit.com/jobsn   '$.     .,        ,.     .$'n    'b,     '²«»«»«»²'     ,d'n     '²?bn,,          ,,nd?²'n       ,7$ ''²²²²²²²²'' $7,n     ,² ²$              $² ²,n     $  :$              $:  $n     $   $              $   $n     'b  q:            :p  d'n      '²«?$.          .$?»²'n         'b            d'n       ,²²'?,.      .,?'²²,n      ²==--≥²²==--==²²≤--==²n")

这只是一个console.log()声明。您可以打开下面的代码片段并自己尝试:

console.log("n                  ,d"=≥,.,qOp,n                 ,7'  ''²$(  )n                ,7'      '?q$7'n             ..,$$,.n   ,.  .,,--***²""²***--,,.  .,n ²   ,p²''              ''²q,   ²n:  ,7'                      '7,  :n ' $      ,db,      ,db,      $ 'n  '$      ²$$²      ²$$²      $'    Using Reddit at work? Work for Reddit.n  '$                          $'        https://www.reddit.com/jobsn   '$.     .,        ,.     .$'n    'b,     '²«»«»«»²'     ,d'n     '²?bn,,          ,,nd?²'n       ,7$ ''²²²²²²²²'' $7,n     ,² ²$              $² ²,n     $  :$              $:  $n     $   $              $   $n     'b  q:            :p  d'n      '²«?$.          .$?»²'n         'b            d'n       ,²²'?,.      .,?'²²,n      ²==--≥²²==--==²²≤--==²n")

您可以使用以下代码在浏览器的控制台中获取颜色(它在 SO 代码段中不起作用,但如果您复制/粘贴到浏览器控制台中,它会(:

console.log('%c This is reversed! ', 'background: #ee11cc; color: #eee');

您也可以通过在源中搜索来找到广告的代码。

您可以使用console.log(( 命令写入控制台。

https://www.w3schools.com/js/js_output.asp

相关内容

最新更新