2008년 1월 10일 목요일

웹사이트의 타이틀을 쉽게 복사하기

Jon Aquino 씨의 묵혀둔 RSS를 뒤져보다 Copy Title bookmarklet이란 포스트를 보개 되었습니다.
Copy Title bookmarklet은 자신이 보고 있는 사이트의 타이틀을 쉽게 복사할 수 있게하는 북마크릿인데요.
  1. Q/A 팀에서 버그를 보고하는 경우 해당하는 페이지의 타이틀을 복사해서 붙여넣으려면 직접 입력하는 방법 밖에 없습니다.
  2. 북마크릿에 자바스크립트 코드를 넣어서 북마크릿을 실행하는 경우
  3. 해당하는 페이지의 타이틀(document.title)을 읽어와서
  4. body태그의 가장 첫 번째 element로 input안에 타이틀을 넣어서 삽입합니다. 즉, 웹페이지의 가장 상단에 타이틀이 선택된 채로 나오게 되겠죠.
  5. input.select()를 호출하기 때문에 당연히 해당 타이틀이 선택된 상태이므로 북마크릿을 클릭한 후 Ctrl+C만 누르면 쉽게 타이틀을 복사할 수 있습니다.
작지만, 효율을 높일 수 있는 재미있는 아이템이 아닌가 싶습니다.

소스코드 (한 줄로 되어있는 코드를 풀었습니다.)
javascript:
var input = document.createElement('input');
input.type = 'text';
input.value = document.title;

input.style.width = '500px';
document.body.insertBefore(input, document.body.firstChild);
input.focus();
input.select();
출처: Copy Title bookmarklet

댓글 2개: