當人們在我的網站上打開開發工具時，如何使自定義消息出現在控制台部分？

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 'bq: :p d'\\n '²«?$. .$?»²'\\n 'b d'\\n ,²²'?,. .,?'²²,\\n ²==--≥²²==--==²²≤--==²\\n") 

您可以使用以下代碼在瀏覽器的控制台中獲取顏色（在SO代碼段中不起作用，但是如果將其復制/粘貼到瀏覽器控制台中，則可以）：

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

您也可以通過在源代碼中搜索來找到廣告代碼。

Answer 2

您可以使用console.log（）命令寫入控制台。

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