북마크릿 사용 준비

북마크렛(Bookmarklet)은 사용자가 웹브라우저의 북마크 등에서 기동하여 웹브라우저에서 간단한 처리를 하는 간이적인 프로그램이다 [주석 1]. 휴대전화의 웹브라우저로 부족한 기능을 보충하거나, 웹 어플리케이션의 처리를 기동하기 위해서 사용되는 경우가 많다.
북마크렛 - Wikipedia

북마크릿 사용 준비

절차 1. 북마크바 표시

그림의 파란색 프레임으로 둘러싸인 부분이 북마크 바

Chrome 북마크바 사용법
Firefox 북마크바 사용법
Safari 북마크바 사용법
IE11, Edge 북마크 바 사용법

2단계. 북마크릿을 브라우저 북마크에 등록

북마크바를 마우스 오른쪽 버튼으로 클릭하면 북마크를 추가하는 메뉴가 표시되므로 선택



URL 부분javascript: 로 시작하는 북마크릿의 코드를 입력

이번 샘플에서는
【Bookmarklet】브라우저상에서 검은 원으로 되어 있는 패스워드의 내용을 원 클릭으로 표시시킨다 - Qiita 코드 사용

bookmarklet

javascript:(function(){if(typeof this.tgt==='undefined')this.tgt=document.querySelectorAll('input[type="password"]');var nit=(this.tgt.item(0).getAttribute('type')=='password')?'text':'password';for(var i=0;i<this.tgt.length;i++)this.tgt.item(i).setAttribute('type',nit);})();

이름
알기 쉬운 임의의 이름을 붙이면 OK(이번 샘플중에서는 view_pswd 로 하고 있다)





이것으로 북마크릿 사용 준비 완료

유용한 링크

알고 그렇게 모르는 북마크릿의 구조와 사용법(와 편리한 11점 정리) ｜ 라이프 해커[일본판]

북마크릿을 설치하는 방법 | Firefox 고객센터

bookmarklet maker