로그인 정보가 브라우저에 저장된 웹사이트에 접속하면, 브라우저가 아이디와 비밀번호 입력란을 자동으로 채워줍니다. 회원 계정이 있는 사이트를 방문할 때 이런 동작을 경험해 보셨을 텐데요. 아이디는 그대로 화면에 표시되지만, 비밀번호는 별표(●●●)로 가려져서 보이지 않습니다.
브라우저가 비밀번호를 평소에 드러내지 않는 것은 당연한 보안 조치입니다. 옆에 앉아 있는 사람에게 비밀번호가 그대로 노출될 수 있기 때문입니다. 하지만 주변에 아무도 없다는 것을 확인했다면, 별표 뒤에 숨겨진 비밀번호를 직접 확인하고 싶을 때가 있죠. 이번 글에서는 브라우저에서 가려진 비밀번호를 확인하는 여러 가지 방법을 소개합니다.
개발자 도구(Inspect Element)로 별표 뒤의 비밀번호 확인하기
HTML 코딩을 전혀 몰라도 괜찮습니다. 초보자든 웹 개발 전문가든 요소 검사(inspect element) 도구만 사용하면 누구나 비밀번호를 확인할 수 있습니다.
이 도구는 브라우저에서 선택한 요소의 소스 코드를 보여주고, 코드를 직접 수정할 수 있게 해줍니다. 수정한 내용은 실시간으로 페이지에 반영되는데, 바로 이 기능 덕분에 별표 뒤에 숨겨진 내용을 확인할 수 있습니다.
방법은 다음과 같습니다.
- 비밀번호를 확인하려는 웹사이트에 접속합니다.
- 별표가 표시된 비밀번호 입력란 위에서 마우스 오른쪽 버튼을 클릭하고 검사(Inspect)를 선택합니다. 그러면 개발자 도구가 실행됩니다.
- 콘솔에서 비밀번호 입력란에 해당하는 코드가 하이라이트됩니다. <input type="password"> 태그 안의 password 부분을 더블클릭한 뒤 text로 변경하고 Enter 키를 누릅니다.
- 그 순간 비밀번호 입력란의 별표가 실제 비밀번호로 바뀌어 나타납니다. 필요하다면 일반 텍스트처럼 복사할 수도 있습니다.
이 방법은 크롬과 파이어폭스를 포함해 대부분의 주요 브라우저에서 동일하게 작동합니다.
자바스크립트로 별표 뒤의 비밀번호 보기
비밀번호를 확인할 때마다 매번 코드를 수정하는 것이 번거롭다면, 클릭 한 번으로 작업을 처리해 주는 자바스크립트를 활용해 보세요.
이 스크립트는 주소창에 직접 입력해서 실행할 수도 있지만, 북마크(즐겨찾기) 막대에 등록해 두면 클릭 한 번으로 간편하게 실행할 수 있습니다.
- 브라우저 주소창 옆의 별 모양 아이콘을 클릭해 북마크를 추가합니다.
- 저장 전에 북마크를 편집해야 하므로 다음 화면에서 더보기(More)를 클릭합니다.
- 다음 화면에서 이름(Name) 필드에는 원하는 이름을 입력하고, URL 필드에는 아래 자바스크립트 코드를 복사해서 붙여넣습니다.
javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() == "password") s += f[i].value + "\n"; } } if (s) alert("Here are your passwords:\n\n" + s); else alert("No passwords were found on the page.");})();
- 이제 비밀번호가 별표로 표시된 웹사이트로 이동한 뒤, 방금 추가한 북마크를 클릭합니다. 그러면 별표 뒤에 숨겨진 비밀번호가 화면에 나타납니다.
자바스크립트 기반이므로 자바스크립트를 지원하는 모든 브라우저에서 사용할 수 있습니다.
브라우저 확장 프로그램으로 비밀번호 보기
별표 뒤의 비밀번호를 보여주는 브라우저 확장 프로그램도 있습니다. 다른 방법보다 사용이 훨씬 간단하고, 브라우저에 설치하기만 하면 됩니다.
크롬 사용자라면 ShowPassword 확장 프로그램을, 오페라 사용자라면 Show Password 확장 프로그램을 이용할 수 있습니다. 모질라 파이어폭스에는 비밀번호를 빠르게 표시하고 숨길 수 있는 Show/hide passwords 확장 프로그램이 마련되어 있습니다.
크롬과 파이어폭스에서 저장된 비밀번호 직접 확인하기
앞서 설명드린 것처럼, 별표 뒤에 있는 내용은 결국 브라우저에 저장된 비밀번호입니다. 브라우저 설정에서 이 비밀번호들을 직접 열어볼 수 있다면, 굳이 별표를 해독하는 별도의 방법을 쓸 필요가 없겠죠.
크롬과 파이어폭스에서 저장된 비밀번호를 확인하는 방법은 다음과 같습니다.
크롬에서 저장된 비밀번호 확인하기
- 화면 오른쪽 상단의 점 세 개 아이콘을 클릭하고 설정(Settings)을 선택해 크롬 설정 메뉴를 엽니다.
- 비밀번호(Passwords) 메뉴로 이동한 뒤, 확인하려는 비밀번호 옆의 눈 모양 아이콘을 클릭합니다.
- 컴퓨터 로그인 암호를 입력하라는 안내가 뜨고, 인증을 완료하면 저장된 모든 비밀번호를 확인할 수 있습니다.
파이어폭스에서 저장된 비밀번호 확인하기
- 오른쪽 상단의 줄 세 개 아이콘을 클릭하고 설정(Preferences)을 선택합니다.
- 왼쪽 사이드바에서 개인 정보 및 보안(Privacy & Security)을 고른 뒤, 오른쪽 창에서 저장된 로그인(Saved Logins)을 클릭합니다.
- 비밀번호 표시(Show Passwords)를 클릭하면 목록에 있는 모든 비밀번호가 나타납니다.
이 패널에서는 특정 비밀번호 또는 저장된 전체 비밀번호를 삭제할 수도 있습니다.