瀏覽器的 console log 幾種不同呈現方式

瀏覽器在 Debug 常常使用 console.log(),除了 console.log 外,還有沒有更多的參數可以使用呢?

  • console.log():標準的文字
  • console.error():出現紅字錯誤文字 和 錯誤的 X
  • console.warn():出現黃色警告文字 和 警告的 !
  • console.table():可於 console 出現表格
  • 客製化 console.log:(前景綠字、背景黃色、24px 字體大小)
    (() => {
        console.log('%c%s', 'color: green; background: yellow; font-size: 24px;','Success!')
    })();

詳見此篇:Better console.logs

好站 - 網站 Style Guide 資源整理

網站設計需要的一些文件整理,ex:

  • A Maintainable Style Guide
  • Front-end Style Guides
  • CSS Style Guides
  • 等等...

不過此網站搜集的文章大多都在這幾年間,依照時間來看並沒有很新,不過可以當作參考~