콘텐츠로 건너뛰기
Home » bookmarklet

bookmarklet

이미지의 크기를 알려주는 북마클릿

이미지 사이즈를 체크해서 title 속성으로 넣어주는 스크립트. 북마클릿으로 만들어서 손쉽게 웹페이지의 이미지들의 가로/세로 크기값 및 CSS에서 지정한 가로/세로 값을 툴팁으로 알려줌. 일일이 인스펙터에서 확인하기 귀찮아서 만듬. javascript:/*Lastest Version*/ (function(){     var latestVersion = ‘1.8.2’;     var jQueryEnabled = false;     if(window.jQuery === undefined || window.jQuery.fn.jquery < latestVersion){         var script = document.createElement(‘script’);         script.src = ‘http://ajax.googleapis.com/ajax/libs/jquery/’+latestVersion+’/jquery.min.js’;         script.onload = script.onreadystatechagne = initMyjQuery;         document.getElementsByTagName(‘HEAD’)[0].appendChild(script);     }     else {         initMyBookmarklet();     }     function initMyjQuery(){         if($ === undefined){             $ = jQuery;         }         jQueryEnabled = true;         initMyBookmarklet();     }     function initMyBookmarklet(){         var ai… 더 보기 »이미지의 크기를 알려주는 북마클릿

20110228 :: 가볍고 간단한 브라우저 확장, 북마클릿 만들기

사실 팁이라고 하기에도 부끄러운 간단한 장치지만 살짝 소개해봅니다. 북마클릿 : Bookmarklet 북마크[1. 익스플로러 사용자에겐 ‘즐겨찾기’라는 이름이 더 익숙하지만, 대부분의 다른 브라우저들은 북마크(책갈피)라고 하니 이렇게 부르도록 합니다.]는 보통 인터넷 주소(http:// 로 시작하지요)를 저장해둡니다. 하지만 웹 주소 대신에 자바스크립트를 등록해 두고 쓸 수도 있습니다. 페이스북 공유 북마클릿과 같은 것들이 대표적이지요. 별도의 플러그인을 설치하지 않고서도 간단히 웹 브라우저에 부가적인 기능을 더할 수 있고 또 (대부분) 브라우저 별 특성을 타지 않기 때문에 제가 무척 좋아하는 방식이기도 합니다. 이러한 북마클릿을 북마크 도구모음 (북마크가 표시된 툴… 더 보기 »20110228 :: 가볍고 간단한 브라우저 확장, 북마클릿 만들기