javascript - 当人们在我的网站上打开开发工具时，如何让自定义消息出现在控制台部分？

Question

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

我怎样才能实现这样的目标？这是 HTML 中页眉或页脚的一部分吗？

Answer 1

如果您在开发工具中查看 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/jobs\n   '$.     .,        ,.     .$'\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/jobs\n   '$.     .,        ,.     .$'\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');

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