북마크를 통한 더 나은 생활

코어 포인트

북마크 애플릿은 웹 브라우저의 기능을 향상시키고 웹 개발자의 워크 플로를 단순화하는 브라우저 북마크에 포함 된 작은 자바 스크립트 코드입니다.

북마크 애플릿에는 간단한 내비게이션 작업에서 페이지 컨텐츠 수정, 페이지 구조 분석 및 웹 사이트의 자동화 작업과 같은보다 복잡한 작업에 이르기까지 광범위한 용도가 있습니다.

북마크 애플릿은 일반적으로 안전하고 신뢰할 수 있지만 네임 스페이스 충돌을 일으킬 수 있습니다. 이 문제는 자체 가변 범위의 익명 기능을 책갈피 애플릿으로 만들어 피할 수 있습니다.
• 복잡한 북마크 애플릿의 경우 일부 브라우저에서 북마크의 길이 한계를 우회하는 방법이 있습니다. 실제 북마크 애플릿 구현은 웹 서버에서 외부 .js 파일로 호스팅 될 수있는 반면, 북마크 애플릿에는 나머지 스크립트를로드하기위한로드 스텁을 포함 할 수 있습니다.
• 북마크 애플릿은 웹 브라우저에 기능을 추가하는 쉬운 방법이며 웹 개발자의 워크 플로에 유용한 추가 기능이 될 수 있습니다. 이 기사에서는 유용한 북마크 애플릿을 지적하고, 자신의 책갈피 애플릿 구축에 대한 팁을 제공하며, 이러한 강력한 도구를 최대한 활용할 수있는 고급 기술을 시연 할 것입니다. 북마크 애플릿은 브라우저 북마크에 내장 된 짧은 자바 스크립트 코드 스 니펫입니다. 북마크가 선택되면 JavaScript 코드가 실행됩니다. 마술처럼,이 실행은 현재 페이지
의 맥락에서 이루어집니다. 북마크 애플릿은 페이지의 전체 문서 객체 모델에 액세스 할 수 있으며이를 수정하고 정보를 사용하여 새 창을 시작하거나 브라우저를 다른 사이트로 리디렉션 할 수 있습니다. 북마크 애플릿을 사용한 적이 없다면이 기사의 나머지 부분을 읽기 전에 시도하는 것이 좋습니다. www.bookmarklets.com과 www.favelets.com은 모두 북마크 애플릿 모음을 제공하며 Jesse Ruderman은 www.squarefree.com/bookmarklets에 책갈피 애플릿 모음을 보유하고 있습니다. Jesse의 웹 개발 북마크 애플릿은 특히 웹 개발자의 브라우저에 필수품 추가가되어야합니다. 북마크 애플릿은 JavaScript를 지원하는 모든 최신 브라우저에 적합하지만 일부 브라우저는 다른 브라우저보다 더 친숙합니다. Windows 용 Internet Explorer 6에는 성가신 508 자 책갈피 크기 제한이 있어이 브라우저에서 사용할 수있는 책갈피 애플릿의 범위를 심각하게 제한하지만 나중에 다룰 기술은 부분 치료법을 제공합니다. 북마크 애플릿을 최대한 활용하려면 우수한 Firefox와 같은 Mozilla 기반 브라우저를 사용하는 것이 좋습니다. 여기에는 북마크 애플릿 개발에 도움이되는 많은 유용한 도구가 제공됩니다. 그러나 북마크 애플릿 개발의 매력 중 하나는 종종 심각한 JavaScript 개발을 괴롭히는 교차 브라우저 문제를 피할 수 있다는 것입니다. 특정 브라우저 (특히 개인이 사용하는 책갈피 애플릿)를위한 북마크 애플릿을 개발하는 데 아무런 문제가 없으므로 개발자는 실제로 브라우저가 할 수있는 모든 것을 수행 할 수 있습니다.
• 일반적인 북마크 애플릿 변형

  
  위에서 언급 한 사이트를 탐색 한 경우 북마크 애플릿이 제공 할 수있는 다양한 기능에 대한 아이디어가 있어야합니다. 가장 간단하고 일반적인 책갈피 애플릿 유형은 간단한 내비게이션 북마크 애플릿으로 현재 페이지의 URL을 가져 와서 다른 사이트로 전달합니다. 전형적인 예는 현재 페이지의 온라인 HTML 또는 CSS 확인 서비스로 사용자를 리디렉션하는 Verification Bookmark Applet입니다. 이 책갈피 애플릿은 만들기가 매우 간단하지만 매우 유용한 용도에 적합 할 수 있습니다. 웹 기반 컨텐츠 관리 시스템으로 구동되는 웹 사이트에 대한이 페이지 편집을 만들고 싶습니다. 이러한 많은 시스템은 공개 사이트 페이지 URL에 ID를 포함 시키는데, 이는 해당 페이지의 내용을 편집하기 위해 사이트 관리 시스템에 사용 된 URL 양식에 사용 된 ID에 직접 해당합니다. 이 페이지 편집이 페이지 책갈피 애플릿은 현재 페이지의 URL을 추출하고이를 사용하여 사용자를 페이지의 편집 인터페이스로 즉시 리디렉션합니다. 예를 들어, 다음 URL이있는 사이트를 상상해보십시오. 사이트에는 또한 암호로 보호 된 관리 인터페이스가 있으며 다음 주소에서 "편집 페이지"인터페이스를 제공합니다. 위 사이트의 "이 페이지 편집"책갈피 애플릿은 다음과 같이 구현할 수 있습니다.

  사이트에서 사용하는 컨텐츠 관리 시스템을 제어 할 수있는 경우이 개념을 크게 확장 할 수 있습니다. 예를 들어, 기사의 내부 ID가 URL에 노출되지 않은 사이트에서는 HTML 메타 태그에 ID를 제공 할 수 있으며,이 페이지 편집을 제공 할 수 있습니다. 많은 북마크 애플릿은 현재 페이지를 어떤 식 으로든 수정합니다. 일반적인 예로는 원치 않는 플래시 애니메이션과 같은 "고정"콘텐츠를위한 책갈피 애플릿 및 배너 광고에 일반적으로 사용되는 크기로 크기를 조정하는 이미지가 포함됩니다. 이것들은 흥미로울 수 있지만 일반적으로 페이지가로드 될 때마다 수동으로 활성화해야 할 필요성에 의해 제한됩니다. 더 유용한 것은 웹 개발자가 페이지 구조를 분석하고 페이지 구조 ( "실시간")를 수정하는 데 도움이되는 책갈피 애플릿입니다. 이 유형에서 가장 좋아하는 애플릿은 웹 개발 컬렉션의 Jesse Ruderman의 "테스트 스타일", "편집 스타일"및 "조상"입니다. 후자는 마우스 커서 아래 페이지 섹션으로 이어지는 HTML 요소 계층 구조를 보여 주며, 이는 페이지에 CSS를 적용하는 방법을 알아내는 데 유용합니다. 처음 두 개는 현재 페이지의 CS를 "실시간"으로 수정하여 잠재적 인 설계 변경에 대한 즉각적인 피드백을 제공합니다. Mozilla 이미지 드래그 북마크 애플릿은 페이지 "Dragable"페이지의 모든 비 팩터 이미지를 만들어 페이지 디자인 조정을 고려할 때 도움이 될 수 있습니다. 유용하지만 종종 간과되는 JavaScript 트릭은 전체 HTML 페이지를 북마크 애플릿에 포함시킬 수 있다는 것입니다. 브라우저의 URL 막대에서 다음을 직접 입력 해보십시오 :
  브라우저는 문자열에 렌더링 된 HTML을 표시해야합니다. 문자열이 표현식으로 평가되고 결과가 현재 브라우저 창에 표시되기 때문에이를 수행합니다. 동일한 트릭을 사용하여 브라우저를 지나치게 지정된 계산기로 전환 할 수도 있습니다.

  <code>http://www.site.com/articles/123</code>

  때때로 간단한 확인 () 및 프롬프트 () 상자보다 더 복잡한 사용자 인터페이스가 필요한 경우 전체 페이지를 이런 방식으로 포함시키는 북마크 애플릿을 작성하는 것이 유용 할 수 있습니다.

  보조 텍스트 입력

  나는 텍스트 상자를 쳐다 보는 데 온라인으로 많은 시간을 보냅니다. 내가 업데이트 한 세 개의 블로그는 직장에서 개발 한 사이트와 내가 참여하는 다양한 온라인 포럼과 마찬가지로 Textarea를 통해 유지됩니다. Textarea는 어디에나 있습니다. 또한 전용 텍스트 편집기 소프트웨어와 비교할 때 텍스트를 처리하는 가장 좋은 방법과는 거리가 멀다. 북마크 애플릿은 텍스토리를 처리 할 수있게 만들 수 있으며 유용한 추가 기능을 제공 할 수 있습니다. Textarea Enhanced Bookmark Applet의 제가 가장 좋아하는 예제는 Jesse Ruderman의 또 다른 예입니다. Blogidate XML 혜택-페이지의 각 Textarea의 텍스트가 잘 구조화 된 XML인지 텍스트의 배경색을 변경하는 Mozilla/Firefox 북마크 애플릿. 이는 사이트에 게시하기 전에 XHTML에서 간단한 오류를 캡처하는 데 유용합니다. Jesse에는 또한 텍사스의 HTML 조각의 구문을 확인하기 위해 WDG 유효성 검사기를 사용하는 HTML 검증 북마크 애플릿 세트가 있습니다. 내가 자주 사용하는 또 다른 도구는 내 확장 HTML Shorthand Bookmark Applet입니다. Textarea의 텍스트에 일련의 간단한 변환을 적용합니다. 빈 줄로 서로 분리 된 텍스트 블록은 단락 마크 로 포장됩니다. = 기호로 시작하는 선을 #####title

  로 변환합니다. *로 시작하는 선은 *로 시작하여 총알 목록이됩니다
  예 :
  1. 가됩니다 :
  2. 목록 1
  3. 목록 2
  더 짧은 버전은 IE에 적합합니다. 이 릴리스는 508-character 한도 : 확장 된 HTML 속기 IE를 수용하기위한 타이틀 지원을 희생합니다. 확장 된 HTML 약어 :

  확장 된 html 약어 IE :

  공간이 제거되기 전)는 다음과 같이 보입니다.

  <code>http://www.site.com/admin/edit-article?id=123</code>

  북마크 애플릿 생성 도구
  텍스트 편집기 만 사용하여 북마크 애플릿을 만들 수 있습니다. 또는 자신감이있는 경우 브라우저의 새 책갈피 필드에 직접 입력 할 수 있습니다. 그러나 간단한 내비게이션 북마크 애플릿보다 더 복잡한 콘텐츠의 경우 전용 도구를 사용하는 것이 좋습니다. Firefox를 사용하는 경우 이미 유용한 북마크 애플릿 제작 도우미에 액세스 할 수 있습니다. Firefox의 JavaScript 콘솔은 귀중한 디버깅 도구입니다. Jesse Ruderman의 Firefox와 Mozilla의 쉘 북마크 애플릿은 현재 페이지 컨텍스트에 첨부 된 대화식 JavaScript 프롬프트를 제공합니다. 텍스트 편집기에 제출하기 전에 새로운 기술을 시도하는 좋은 방법입니다. 북마크 애플릿에는 라인 브레이크가 포함될 수 없지만 소스 코드는 몇 가지 이상의 진술을 작성하기 위해 들여 쓰기를 받아야합니다. 내 제거 라인 Newline Bookmark Applet (아래)은 JavaScript 코드 블록에서 탭, Newlines 및 여러 공간을 제거하는 도구입니다. 대부분의 경우, 이것은 간단한 코드 블록에서 책갈피 애플릿을 만들기 위해 필요한 전부입니다. 그러나 변환하기 전에 각선을 세미콜론으로 종료해야합니다. 북마크 애플릿은 또한 책갈피 애플릿에 포함 된 HTML 페이지의 예입니다. 라인 브레이크를 제거하십시오 :
  가변 범위 충돌을 피하십시오 북마크 애플릿으로 도입 된 잠재적 문제는 네임 스페이스 충돌입니다. 책갈피 애플릿이 이미 사용중인 다른 스크립트가 이미 사용중인 변수를 사용하거나 재정의하는 경우 어떻게됩니까? 이 문제를 피하기위한 한 가지 기술은 사용되지 않았던 임의의 변수 이름을 사용하는 것이지만, 책갈피 애플릿 코드를 읽기가 어렵게 만들고 북마크 애플릿의 불필요한 길이를 증가시킵니다. 더 나은 솔루션은 자체 변수 범위를 책갈피 애플릿으로 사용하는 익명 기능을 만드는 것입니다. 작동 방식은 다음과 같습니다

  <code>http://www.site.com/articles/123</code>

  function () {} 여기서는 익명 함수가 있습니다. 이름이 선언되지 않은 함수입니다. 괄호 안에 함수를 둘러싸고 마지막에 ()을 추가함으로써,이 기능은 생성 직후에 한 번, 즉 북마크 애플릿이 활성화되는 순간에 실행됩니다. 익명 함수 본문 내의 변수가 "var"키워드로 선언되는 한, 함수의 범위에 국한되어 있으며 문서의 나머지 이름이 같은 변수를 방해하지 않습니다. JavaScript의 기능 특성 덕분에 문서의 글로벌 범위에 추가하지 않고 익명 기능의 다른 기능을 선언 할 수도 있습니다.

  더 긴 스크립트를 추가하십시오

  나는 앞서 책갈피 길이에 대한 인터넷 익스플로러의 한계를 우회하는 방법이 있다고 언급했다. 이 접근법은 또한 전체 스크립트를 한 줄로 유지하지 않고도 표준 압축 자바 스크립트에서 북마크 애플릿을 작성하여 모든 브라우저에서 구현 한 더 복잡한 북마크 애플릿에 유용한 기술입니다. 트릭은 실제 책갈피 애플릿 구현을 일부 웹 서버에서 외부 .js 파일로 호스팅하는 것입니다. 북마크 애플릿에는 나머지 스크립트를로드하는 데 사용되는 "스텁"코드 만 포함되면 508 건의 한계로 쉽게 달성 할 수 있습니다. 다음은 스터브 북마크를로드하는 미니 프로그램 코드입니다.

  공간을 제거한 후 위의 코드 (외부 스크립트 URL 제외)는 193 자에 도달합니다. 이 코드에는 한 가지 단점이 있습니다. Macintosh 버전 IE5에서는 작동하지 않습니다. Macintosh 버전 IE5 지원이 북마크 애플릿에 중요하다면 Liorean은 브라우저 감지를 사용하여 동시에 해당 브라우저를 만족시키는 확장 버전의로드 스텁 버전을 가지고 있습니다.

  <code>http://www.site.com/articles/123</code>

  추가 읽기
  북마크 애플릿에 대해 아는 가장 좋은 방법은 다른 사람들이 쓴 책갈피 애플릿을 보는 것입니다.

  <.> www.bookmarklets.com <..> www.favelets.com <.> www.squarefree.com/bookmarklets/ 책갈피 애플릿을 빠르게 탐색하면 자신만의 책갈피 애플릿을 만들도록 영감을주기를 바랍니다.

  북마크 애플릿에 대한 FAQS

  북마크 애플릿은 무엇입니까? 그들은 어떻게 일합니까?

  북마크 애플릿은 웹 브라우저 북마크의 URL에 저장된 작은 자바 스크립트 코드 스 니펫입니다. 북마크를 클릭하면 새 페이지를로드하는 대신 현재 페이지에서 JavaScript 코드가 실행됩니다. 이를 통해 웹 사이트에 새로운 기능을 추가하고 반복적 인 작업을 자동화하며 소프트웨어 나 확장을 설치하지 않고도 게임을 할 수 있습니다.
  북마크 애플릿을 만드는 방법은 무엇입니까?
  • 북마크 애플릿을 만드는 것은 책갈피를 만드는 것만 큼 간단합니다. URL을 입력하는 대신 JavaScript 코드를 입력합니다. 이 코드는 북마크를 클릭하면 실행됩니다. 자신의 코드를 작성하거나 온라인으로 사전 제작 한 북마크 애플릿을 찾을 수 있습니다.
  북마크 애플릿이 안전합니까?
  • 북마크 애플릿은 브라우저에서 실행되며 컴퓨터의 파일 시스템에 액세스 할 수 없기 때문에 일반적으로 안전하고 신뢰할 수 있습니다. 그러나 다른 코드와 마찬가지로 악의적으로 사용할 수 있습니다. 신뢰할 수있는 소스의 북마크 애플릿 만 사용하고 코드를 사용하기 전에 코드의 기능을 이해하십시오.
  어떤 웹 사이트에서도 책갈피 애플릿을 사용할 수 있습니까?
  • 이론적으로, 책갈피 애플릿은 모든 웹 사이트에서 사용할 수 있습니다. 그러나 일부 웹 사이트는 북마크 애플릿이 작동하지 않도록 보안 조치를 구현했을 수 있습니다. 또한 북마크 애플릿의 기능은 사용하는 웹 사이트의 구조에 따라 다를 수 있습니다.
  책 마크 애플릿이 작동하지 않는 이유는 무엇입니까?

  북마크 애플릿이 작동하지 않는 몇 가지 이유가있을 수 있습니다. 귀하가 사용하려는 웹 사이트는 북마크 애플릿이 작동하지 않도록 보안 조치를 구현했을 수 있습니다. 북마크 애플릿의 코드는 웹 사이트와 만료되거나 호환되지 않을 수 있습니다. 또는 코드 자체에 오류가있을 수 있습니다.

  북마크 애플릿을 디버그하는 방법은 무엇입니까?

  북마크 애플릿 디버깅은 전통적인 디버깅 환경이 없기 때문에 약간 까다로울 수 있습니다. 그러나 브라우저의 개발자 도구를 사용하여 코드를 확인하고 오류 메시지를 볼 수 있습니다. 브라우저 콘솔에서 코드를 실행하여 작동하는지 확인할 수도 있습니다.

  모바일 장치에서 북마크 애플릿을 사용할 수 있습니까?

  예, 모바일 장치에서 책갈피 애플릿을 사용할 수 있습니다. 그러나 추가 및 사용 프로세스는 데스크탑 브라우저보다 더 복잡 할 수 있습니다. 모바일 브라우저는 일반적으로 데스크탑 브라우저에서 사용되는 드래그 앤 드롭 메소드를 지원하지 않기 때문에 수동으로 JavaScript 코드를 북마크해야 할 수도 있습니다.

  책 마크 애플릿을 다른 사람들과 공유 할 수 있습니까?

  예, 책갈피 애플릿을 다른 사람들과 공유 할 수 있습니다. JavaScript 코드와 책갈피에 추가하는 방법에 대한 지침을 보내십시오. 그러나 신뢰할 수있는 소스의 북마크 애플릿 만 공유하고 코드의 기능을 이해해야합니다.

  북마크 애플릿을 사용하여 웹 사이트의 모양을 변경할 수 있습니까?

  예, 책갈피 애플릿을 사용하여 웹 사이트의 외관을 변경할 수 있습니다. 이것은 웹 사이트의 CSS를 운영함으로써 수행됩니다. 그러나 이러한 변경 사항은 일시적이며 페이지를 새로 고침 한 후에 손실됩니다.

  북마크 애플릿을 사용하여 웹 사이트에서 자동으로 작업을 수행 할 수 있습니까?

  예, 책갈피 애플릿을 사용하여 웹 사이트에서 자동으로 작업을 수행 할 수 있습니다. 양식 작성부터 버튼을 클릭하는 것까지 무엇이든 할 수 있습니다. 그러나 북마크 애플릿의 기능은 웹 사이트의 구조와 자동으로 수행하려는 작업에 따라 다릅니다.

위 내용은 북마크를 통한 더 나은 생활의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!