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