[엣지] 개발자 도구 실행 방법 및 활용팁
오랜만에 IT 블로거로 다운 글을 쓰려고 한다. 윈도우 10을 쓰면서 IE(Internet Explorer)의 비중이 줄고 많은 분들이 크롬이나 엣지로 갈아타셨다. 간단한 패킷 분석용으로 피들러나 와이어 샤크를 사용하시다 개발자 도구를 많이들 사용하시는데 이 엣지의 개발자 도구 실행방법과 활용팁에 대해 정리해봤다. 1. 실행방법 : F12를 누르면 우측에 창이 생긴다. 2. 열기를 누르면 분리된 프레임으로 개발자 도구가 실행된다. 실행방법은 알았는데 개발자 도구로 확인할 수 있는 것들은 뭐가 있을까? 1. html등 요소별 임시로 변경 테스트 가능: 여기서는 body(본문)의 색을 변경해봤다..(영구히 적용되는 것이 아니라 개발자 도구답게 임시로 요소를 변경해 볼 수 있음) 주의사항으로는 영구히 색이 변..
IT의 유익
2021. 7. 9. 14:16
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 도로이
- 대구 야간 라이딩
- 반려곤충
- 여름 자전거 대회
- 서브 40
- chatgpt 정의
- 칠곡 자전거 대회
- GCP #GCP GIFT#
- i7-1260P
- 장수풍뎅이
- 오렌지가재
- 애드센스
- 타임캐시
- 대구 고양이 카페
- 갖고싶다 고양이
- 대구국제마라톤
- 캐시워크
- 가재
- 경산 국수
- 다이어트
- 제주 마음 샌드
- 일취월장
- decode
- 혁신도시 국수
- 베스킨라빈스 포켓몬
- 애디그램
- 가재 탈피
- 고양이
- ChatGPT
- OKOK앱
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함