Firefox 폼자동채우기 add-on autofills 소개 및 네이버 로그인 예제

지리즈의 이미지

autofills는 폼을 자동으로 채워주는 애드온이다.

원래 취지는 사이트 가입이나 글을 남길때,
매번 중복해서 폼을 채워 주는 수고를 덜고자 만들어진 애드온이지만,
로그인하는 것이 귀찮은 한국인을 위해 자동로그인 기능으로도 활용할 수 있다.

이를 제대로 이용하려면, 간단한 웹프로그래머 수준의 html과 url에 대한 지식을 필요로 하고,
기본적인 정규화 표현식도 다룰 수 있어야 한다.

그리고, 처음 접하는 사람을 당황하게 만들 수준의 복잡한 인터페이스도 익숙해지기에 매우 곤란하다.

무엇보다 가장큰 단점은, 이러한 저장된 폼정보가 그냥 일반 텍스트로 저장됨으로 해당 PC가 다른 사람과 공통으로 이용한다면, 절대로 사용하지 말기를 권하고 싶다.
오직, 자신만이 접근이 가능한 PC에만 ... 사용하라.
보안 문제가 발생하면 물론 당신의 책임이다.
(경고 했음, 나중에 딴소리하기 없기!)

아래는 입문자를 위한 네이버 자동로그인을 위한 예제이다.
(참고로,네이버같은 경우 보안1단계만 지원한다.)

처음 이 애돈 설정장을 열어 profiles 탭을 클릭하면 아래와 같은 내용을 볼 수 있다.

기본 프로파일인 default가 있다.

기본 프로파일명을 적절히 자신이 원하는 내용으로 바꾸고, "apply"를 클릭한다.

Main탭을 클릭하면 기본으로 들어 있는 위와 같은 목록 내용을 볼 수 있다. 어차피 있어도 상관없으나 국내실정에는 잘 맞지 않으므로 삭제한다.목록의 내용을 하나씩 클릭을 하던 쉬프트 키를 누른 상태로 범위를 지정하던, 선택을 한 후 화면 아래의 "Remove"버튼을 클릭해서 삭제를 한다.

삭제를 다하면 위와 같은 모습이 된다. 다 삭제했으면 창을 닫고 네이버 메인페이지로 이동한다.

네이버 화면의 저 부분에서 우측 마우스 클릭 "현재프레임"을 클릭하면 아래의 내용을 볼 수 있다.

여기서 "프래임등록정보"를 클릭한다.

로그인에 관련된 내용을 처리하는 URL은 www.naver.com이 아니라, static.nid.naver.com임을 알 수 있다.

다시 요 화면에서 ID를 입력하는 부분에서 우측마우스 클릭을 하면 아래의 내용을 볼 수 있다.

"Add a rule for this field..."를 클릭한다. 그럼 아래의 팝업이 표시될 것이다.

위의 화면에서 Value 부분에 자신의 네이버 아이디를,
site rule 부분의 내용을 아래와 같이 수정한다.

Add 버튼을 클릭하면 아래와 같이 목록에 등록이 된다.

패스워드도 마찬가지로 위의 반복이다.


요 화면에서 패스워드를 입력하는 부분에서 우측마우스 클릭

"Add a rule for this field..."를 클릭

Value 부분에 패스워드를 입력하고, 사이트룰을 수정한 다음,

"Add" 버튼을 클릭하면 목록에 등록.

브라우저에 해당 도구 아이콘을 꺼내 놓고 네이버 사이트에서 저 가증스러운 연필을 클릭하면,
자동으로 로그인 정보가 입력되는 것을 확인 할 수 있다.

연습문제1)
"다음(www.daum.net)" 용 자동로그인을 등록해 보자.

hint) daum은 보이는 url과 입력하는 url이 서로 같다.

연습문제2)
dcinside ddr 갤러리 성인인증 창용 자동로그인을 등록해 보자.

File attachments: 
첨부파일 크기
Image icon a01.png42.39 KB
Image icon a02.png41.54 KB
Image icon a03.png52.38 KB
Image icon a04.png47.05 KB
Image icon a05.png37.52 KB
Image icon a07.png17.33 KB
Image icon a08.png49.5 KB
Image icon a09.png49.02 KB
Image icon a10.png48.7 KB
Image icon a11.png51.23 KB
Image icon a12.png52.19 KB
Image icon a13.png55.56 KB
Image icon a14.png7.05 KB
Image icon a06.png2.85 KB

댓글

thom의 이미지


갑자기 연필 아이콘이 안 나타나네요. 어떻게 다시 나타나게 할 수 있습니까?
一一一一一一一
一刻千金 (일각천금) : 한 순간이 천금의 가치가 있다
개과천선: 지난날의 잘못을 고치어 착하게 됨

-------------------
一刻千金 (일각천금) : 한 순간이 천금의 가치가 있다

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.