Bookmarklets은 자바 스크립트 코드의 발췌를 가지고 있는 북마크이다. 그들이 특정한 일을 달성하는 데 이용될 수 있다. 웹 개발자는 bookmarklets을 이용함으로써 여러 공통적인 오퍼레이션을 자극할 수 있다. 확장이 한 것처럼 무엇보다 bookmarklets은 당신의 웹 브라우저 소프트웨어의 속도를 낮추지 않는다. 당신이 다른 브라우저 소프트웨어에(서)그들을 간절히 원한다면 예를 들면 bookmarklets이 함께 효과적으로 할 수 있는 이것들 중의 일부는 웹 개발자 Firefox addon을 대체한다.
당신의 북마크 폴더로 그것을 구하거나 이것들 bookmarklets을 구하기 위해 단지 북마크에 연결된 링크에서 마우스 오른쪽 버튼을 클릭하거나 당신의 북마크 도구막대에(게)bookmarklets을 끌어라. 예외: 첫번째 3 bookmarklets(첫번째 2 목록 요소)은 내가 그들을 여기에(서)박는 것이 까다롭다는 것을 발견해서 bookmarklets을 가지고 있는 페이지에 연결된 링크이다.
bookmarklet을 이용하기 위해 단순히 그것에서 마우스 오른쪽 버튼을 클릭하고“ 북마크 링크를 선택해라 ”클릭 2 건과 더불어 어떤 bookmarklet도 접근할 수 있도록 나는 폴더로 그들을 도구막대에 두는 것을 추천할 것이다. 나는 그것이 어지럽히고 사용 배열에(게)최소한 쉽다는 것을 안다. 그때 bookmarklets 위에.
- 2008 년 7 월 7 일 업데이트된 것:
XRAY:
박스가 어떤 요소에 대해서도 웹페이지(위)에 원형을 만드는 것을 보아라. - 테스트 스타일과 편집 스타일:
테스트 스타일은 원래의 웹페이지를 위해 CSS 규칙을 타이핑하기 위해 당신에게 새로운 탭/창을 준다. 스타일이 웹페이지에 즉시 적용되어 진다. 편집 스타일이 비슷하다 그것을 제외하고 당신은 CSS 스타일과 더불어 페이지를 향해 출발한다. 감사,새김눈 - W3C HTML Validator:
당신이 현재 보고 있는 문서를 법률상 유효하게 해라. 페이지를 코드화하는 동안 분주한 인증을 위한 거장은 체크한다. - W3C CSS Validator:
당신이 현재 보고 있는 웹페이지의 CSS을 법률상 유효하게 해라. CSS 코딩 동안의 빠른 체크를 위해 유용한. - Viewport을 Resize: 800 ×600, 1024×768, 1280×1024와 1600 ×1200:
당신의 웹페이지가 다른 결의에(서)어떻게 보이는지 보아라. 800 사이에(서)빨리 바꾸어라 ×600에서 1600 ×1200,극단적인 결의 2 건은 안에 일반적으로 웹 디자인을 고려했다. - 뷰 쿠키와 토스 쿠키:
첫번째 연결을 이용해서 현재 페이지에 의하여 저장해 진 쿠키를 보아라. 그때 당신이 두 번째 연결을 이용함으로써 기원하는 쿠키를 가볍게 던져라. - NetCraft:
당신에게 사이트의 서버 상세한 내용을 말하고 uptime 그래프를 전시한다. - 변한 텍스트와 바꾸어라:
알토 태그가 없는 이미지를 검사하는 것 유용한. 아래쪽은 그것이<img> 손상되지 않은 버튼과 이미지가 CSS이나 요정을 이용해서 만들어 지게 되어서 유일한 태그를 제거한다는 것이다. - Alexa 스냅사진 찾아보기:
당신의 웹사이트 상세한 내용을 찾고 Alexa,대중적인 웹 운율학 웹사이트에(서)스냅사진을 찍어라. - Whois 찾아보기:
당신이(위)에 있는 도메인의 WhoIs을 찾아보아라. - 현재 웹사이트를 편집해라:
현재 페이지–가 텍스트를 더한다 텍스트를 지운다– 어떤 다른 확장에 대해서도 필요성 없이 모두 웹 요소를 기타 등등 주위를 돈다 편집한다. - 탐색은 Google에(서)텍스트를 선택했다:
비록 엄격하게지 않은 웹 디자인/발전과 관계가 있기는 하지만 Google 탐색은 다양한 기간과 기술을 발표와 쓰는 언어를 찾는 데에 유용할 수 있다. - 이미지 끌기:
이미지를 끌고 페이지 내부에서 seamlessly 재배치해라. - screenshot을 움켜쥐어라:
당신이 다른 설치된 어떤 응용도 이용하지 않고 보고 있는 페이지의 screenshot을 움켜쥐어라. - 목록(그 대신 이것을 IE에 써라)을 채색해라:
현재 웹페이지에(서)사용된 색을 기입한다.
Bookmarklet 자원을 발전시켜라
당신은 또한 bookmarklets의 이들 컬렉션을 통독하고 싶을 수 있다:
- Squarefree에(서)WebDev:
web designers와 개발자를 위해 유용한 bookmarklets의 큰 컬렉션. Jesse Ruderman에 의하여 유지된 것. - 우연한 웹 사용자를 위한 유용한 bookmarklets:
내가 DailyApps.net에 쓴 손님 포스트. 그것은 모든 사람을 위해 유용한 bookmarklets을 기입한다. 그들 중 대부분이 틀림없이 돕는 사용된 일을 진척시키거나 일반적으로 또한 디자이너와 devs 자동화한다.
나의 자원 포스트를 가지고 일상적이서 추천이 들어올 때 이 목록이 계속하여 업데이트될 것이다. bookmarklets을 추천하는 것 우리에게 연락해라. 우리에게 무엇이– 웹 발전이나 다르게– 나를 위해 당신의 좋아한 bookmarklets인지를 말하여라 ’확실히 m 우리는 다른 사람(것)들에 의하여 함께 나눠 지어서 모두 새로운 bookmarklets으로부터 이익을 얻을 수 있다.
안녕하세요 buddy!! i이 짧지만 달콤한 그 연결을 말하고 싶어한다 당신은 다르고 또한이어라 사람이 당신이 좋은 하루에 그것을 us.Have와 공유한다는 것은 그것의 좋은 길(방법)에 의하여 그의/그녀의 웹사이트를 테스트할 수 있는 브라우저 소프트웨어 목록 덧붙여야 한다.
신은 당신을 축복한다. Punne4e
나는– 나 https://www.squarefree.com/bookmarklets/webdevel.html#test styles이 헤아릴 수 없을 만큼 귀중하다는 것을 안다. ’ll이 HTML 문서를 만들고 그 bookmarklet을 이용해서 그때 나는 실시간에(서)stylesheet을 형성할 수 있다. 그것 ’사용자에게 stylesheets을 써보내는 것을 위해 또한 매우 편리한 s.
이것은 서둘러서 약간의 일을 하도록 강요받는 사람들에 비교적 좋다.
스타일에 대해 뛰어난 @Nick Z: 생각은 bookmarklet을 테스트해서 포스트를 곧 업데이트할 것이다.
단지 Hi Sumesh 나는 당신의 blog을 건너서 왔다. 좋은 일. 완강히 계속해라. 당신의 모든 미래의 포스트를 읽으려고 애쓸 것이다.
QQT,장차 쓰기 위한 bookmarked에 의하여 포스트에(서)단지 이들 지름길이 얼마나 유용할 수 있는지 보았다.
“현재 편집 웹사이트”가 좋은 bookmarklet이지만“ 살아 있는 웹사이트 에디터” bookmarklet이 제공해야 하는것을 부족하다.
다른 것 가운데 그것은 변경이 아무 것에(게)webpages을 만들었다 적어도 그것 계속될 수 있다. ’그것의 목표 s.
당신은 여기에서 그것을 찾을 수 있다: http://code.google.com/p/lwe/
그것 ’아직도 초기 버전에(서)s 그러나 그것은 웹사이트 중 대부분에 영향을 미친다.
Cheers
@Arnaud 리터:
그것 ’아마 s 유용한 bookmarklet 끈기 있는 것은 더 많은 웹 사용자에게 유용할 것이다. 나는– 추천을 위해 그렇게 thanks 더 유용한 bookmarklets을 모으는 미래의 포스트에(서)bookmarklet을 알릴 것이다.