개발자 도구를 원하는 위치에 열리게 할 수도 있습니다. 그림 6-19처럼 개발자 도구의 오른쪽 위에 보이는 점3개짜리 아이콘을 클릭하면 맨 위에 Dockside라는 메뉴가 보입니다. 메뉴의 각 아이콘을 클릭하면 왼쪽부터 순서대로 ‘창 모드’, ‘왼쪽’, ‘아래쪽’, ‘오른쪽’으로 개발자 도구의 위치가 바뀝니다.

그리고 개발자 도구 왼쪽 위를 보면 화살표 모양의 아이콘이 있습니다. 이 아이콘을 클릭하면 웹 브라우저에 표시되는 요소를 선택할 수 있습니다.

그림 6-19 개발자 도구의 Dock Side와 요소 선택 도구