[Chrome] 웹 개발시 도움되는 기능들... ( DevTools )

[chrome] 웹 개발시 도움되는 기능들... ( 개발자 도구 DevTools )

---

 

크롬 개발자 도구

1. Disable cache

  - 캐시 남기지 않도록 설정.

  - ex) JS 변경 후 재대로 적용되지 않을 때 해당 기능을 사용하면.

    시크릿 모드 Secret mode처럼 캐시를 남기지 않아 캐시 삭제를 하지 않아도 코드 변경 사항이 제대로 적용된다.

 

2. Offline Online

  - 외부망(인터넷)을 끊었을 때, 연결했을 때의 상황을 테스트할 수 있다.

 

 

3. Console 창에 hidden 되어 안보일 때

   - console에 찍히도록 코딩을 했는데 hidden으로 안보일 경우

hidden

   - Filter를 확인한다. X를 눌러 필터를 제거한다.

필터 제거