[JS30] Day09: Dev Tools Domination

這堂課介紹了 14 種 devtools 技巧，我挑我覺得重要的寫下來

1. Regular

console.log("hello");

2. Styled

console.log("%c I am some great text", "font-size:50px; background: red;");

3. Warning!

console.warn("OH NOOO");

4. Error

console.error("Shit!");

5. clearing

console.clear();

6. viewing

console.log(p);
console.dir(p);

7. counting

console.count("Steven");
console.count("Steven");
console.count("Steven");
console.count("Steven");
console.count("Steven");
console.count("Jimmy");
console.count("Jimmy");
console.count("Jimmy");
console.count("Steven");
console.count("Steven");

8. timing

console.time("fetching data");
fetch("https://api.github.com/users/wesbos")
  .then((data) => data.json())
  .then((data) => {
    console.timeEnd("fetching data");
    console.log(data);
  });