주요 페이지로 검색하세요. Yandex 브라우저의 새 버전: 형태와 제스처 지원을 고려한 페이지 검색

사용하지 않고도 페이지의 모든 텍스트에 대한 링크를 만드는 기능을 추가해 보겠습니다.

jQuery(document).ready(function())( var minlen = 3; // 최소 단어 길이 var paddingtop = 30; // 스크롤 시 상단 패딩 var scrollspeed = 200; // 스크롤 시간 var keyint = 1000; // 간격 키 입력 사이 var term = ""; var time_keyup = 0; html").animate((scrollTop: jQuery("span.highlight:first").offset().top-paddingtop), scrollspeed); // 첫 번째 조각으로 이동 )); function dosearch() ( term = jQuery( "#spterm").val(); jQuery("span.highlight").each(function())( //이전 조각 제거 jQuery(this).after(jQuery(this).html()).remove() )); var t = ""; jQuery("div#content").each(function())( // 선택기는 검색 영역을 설정합니다. jQuery(this).html(jQuery(this).html().replace( new RegExp(term, "ig"), " $&")); // 찾은 조각 강조 표시 n = jQuery("span.highlight").length; // 찾은 조각 수 console.log("n = "+n); if (n==0) jQuery( "# spresult").html("아무 것도 찾을 수 없습니다"); else jQuery("#spresult").html("결과: "+n+". 가다"); if (n>1) // 둘 이상의 조각이 있는 경우 조각 사이에 전환을 추가합니다. ( var i = 0; jQuery("span.highlight").each(function(i)( jQuery(this ).attr( "n", i++); // 조각에 번호를 매깁니다. 다음 요소를 검색하는 더 쉬운 방법을 찾지 못했습니다. )); jQuery("span.highlight").not(":last") .attr((title: "다음 조각으로 이동하려면 클릭하세요.")).click(function())( // 마지막 조각을 제외한 모든 조각에 툴팁을 추가합니다. jQuery("body,html").animate((scrollTop : jQuery("span.highlight:gt("+jQuery( this).attr("n")+"):first").offset().top-paddingtop), scrollspeed) // 다음 조각으로 이동 )); jQuery("span.highlight:last").attr ((제목: "검색 양식으로 돌아가려면 클릭하세요.")).click(function())( jQuery("body,html").animate(( scrollTop: jQuery("#spterm").offset().top- paddingtop), scrollspeed); // 검색 양식으로 이동 ) ) jQuery("#spterm").keyup(function())( var d1 = new Date(); time_keyup = d1.getTime(); if (jQuery("#spterm").val()!=term) // 문자열이 변경되었는지 확인 if (jQuery("#spterm").val() .length>=minlen) ( // 문자열 길이를 확인합니다. setTimeout (function())( // 다음 클릭을 기다립니다. var d2 = new Date();

time_search = d2.getTime();

) else jQuery("#spresult").html(" "); // 줄이 짧으면 결과와 함께 DIV에서 텍스트를 제거합니다. ));

if (window.location.hash!="") // 보너스 ( var t = window.location.hash.substr(1, 50); // 텍스트 잘라내기 jQuery("#spterm").val(t) .keyup (); // 검색 양식에 삽입합니다. jQuery("#spgo").click(); // 첫 번째 조각으로 이동 ) ));

결함

사실 이 도구에서는 필요한 검색 엔진을 추가하고 불필요한 검색 엔진을 제거하여 패널을 최대한 편리하게 설정할 수 있습니다. 가장 이국적인 검색 엔진을 포함하여 모든 검색 엔진을 추가할 수 있습니다. 예를 들어, 내 브라우저에는 google.ru/linux라는 특수 검색 기능이 내장되어 있습니다. 이를 통해 Linux 전용 리소스에 대한 정보만 검색할 수 있습니다.

좋은 예

브라우저에 일종의 검색 기능을 구축해 보겠습니다. 젊은 검색 엔진 nigma.ru의 예를 살펴 보겠습니다.

Opera에 새로운 검색을 포함하려면 다음이 필요합니다.

1. 원하는 검색엔진의 페이지를 엽니다.

2. 쿼리 입력 필드를 마우스 오른쪽 버튼으로 클릭하세요.

3. "검색 생성..."(검색 생성...) 컨텍스트 메뉴 항목을 선택합니다.

결과적으로 새 검색 만들기 창이 열리고 여기서 이 검색에 대한 이름과 키 키를 입력하라는 메시지가 표시됩니다. 이 멋진 열쇠에 대해 아래에 쓰겠습니다. "세부 정보" 탭을 열면 "기본 검색으로 설정" 옵션을 선택할 수 있습니다. 즉, 생성된 검색이 항상 목록의 첫 번째 항목이 됩니다.

Mozilla에 새 검색 추가

Mozilla-Firefox 브라우저를 사용하는 경우 검색 엔진을 추가하는 절차는 다음과 같습니다. 해당 플러그인을 설치해야 합니다. 이렇게 하려면 검색 엔진 선택 메뉴를 여는 화살표를 마우스 왼쪽 버튼으로 클릭하세요. 마지막 항목은 "검색 플러그인 관리"입니다. 이를 선택하면 이미 설치된 검색 엔진 플러그인의 설정을 삭제하거나 변경할 수 있는 해당 창이 열립니다. 이 관리자 하단에는 새 플러그인을 찾고, 다운로드하고, 설치할 수 있는 페이지로 이동하는 링크가 있습니다.

이 창에서는 사용하는 각 검색 엔진에 대한 키를 설정할 수 있습니다. 이는 제가 Opera에 대해 이야기할 때 언급한 것과 동일한 키입니다.

인터넷 익스플로러

Internet Explorer에 새 검색을 설치하는 절차는 Firefox의 절차와 다소 유사합니다. 검색 엔진 선택 메뉴를 열고 "다른 공급업체 찾기"와 같은 항목을 선택합니다. 브라우저는 추가 단계가 설명된 페이지로 이동합니다. 즉, 필요한 검색 엔진 페이지를 열고 검색 엔진 쿼리 줄에 TEST(대문자)라는 단어를 입력하라는 메시지가 표시됩니다.

그런 다음 검색 엔진을 연 페이지의 브라우저 주소 표시줄에 있는 링크를 검색 엔진 설치 서비스 페이지의 양식에 복사해야 합니다. 같은 형식으로 이름을 입력하고 거기에 있는 버튼을 클릭하세요. 결과적으로, 이 검색 엔진을 브라우저의 검색창에 추가하는 XML 파일이 생성됩니다.

Internet Explorer에는 키 키가 없습니다.

우리 각자는 인터넷을 서핑하는 동안 페이지에서 키워드를 검색해야 하는 필요성을 한 번 이상 경험했을 것입니다. 다행스럽게도 모든 최신 브라우저에는 검색 기능이 내장되어 있습니다. 그렇지 않으면 10,000자 정도의 페이지에서 단일 단어를 검색하는 것이 어떨지 상상조차 하기 어렵습니다. 그리고 최근까지 저는 브라우저의 검색 엔진 기능에 완전히 만족했습니다.

그러나 이러한 웹 브라우저의 검색 엔진에 대한 나의 태도를 재고하게 만드는 일이 일어났습니다. 나는 페이지에서 한 단어가 아니라 한 번에 세 단어를 찾아야 했습니다! 그리고 Google Chrome이나 Firefox 또는 오히려 검색 엔진이 그러한 작업에 완전히 대처할 수 없다는 것이 밝혀졌습니다. 위에서 언급한 브라우저에서 검색 기능을 확장하기 위해 특별히 제작된 플러그인은 문제 해결에 도움이 되었습니다.

Firefox용 검색WP

여러 키워드를 동시에 검색할 수 있는 매우 간단하고 유용한 플러그인입니다. SearchWP는 인터넷 검색, 사이트 검색, 마지막으로 특정 페이지 검색의 세 가지 모드로 작동합니다.

설치 후 플러그인은 Firefox 도구 모음에 마커 이미지가 있는 버튼을 추가합니다. 검색 창에 입력한 단어는 다른 색상으로 강조 표시되는 동시에 페이지의 단어도 강조 표시됩니다. 같은 색상으로.

텍스트의 특정 단어로 이동하려면 해당 단어를 마우스로 클릭하면 됩니다. Enter 키를 누르면 웹 검색이 시작됩니다. 특정 사이트를 검색하려면 먼저 해당 사이트를 SearchWP 목록에 추가해야 합니다. 플러그인 설정은 매우 간단합니다. 검색어의 최소 길이를 지정할 수 있습니다.

Firefox용 SearchWP 다운로드: www.addons.mozilla.org

Chrome용 Pearls 확장 프로그램

Google Chrome을 위한 좋은 검색 확장 프로그램입니다. 여러 키워드를 사용하여 검색을 수행하고 이를 다른 색상으로 강조 표시합니다. 이 플러그인의 특별한 기능은 각 도메인에 대해 이전에 입력한 검색어를 별도로 기억하는 기능입니다. 동시에 Pearls Extension은 페이지에서 찾은 단어 수를 표시하고 탐색(앞뒤로)하는 기능도 있습니다.

예, 쿼리를 쉼표로 구분하는 것이 매우 중요합니다. 모든 장점과 함께 Pearls Extension에는 큰 단점이 있습니다. 키릴 문자에서는 작동하지 않으므로 라틴어 단어만 검색할 수 있습니다.

Google Chrome용 Pearls 확장 프로그램 다운로드: www.chrome.google.com

Chrome용 멀티하이라이터

또 다른 좋은 다중 키워드 검색 도구입니다. 안타깝게도 MultiHighlighter는 기억하지 못하지만 키릴 문자는 문제 없이 인식합니다. 설치 후 도구 모음에 돋보기 아이콘이 추가되고 창 왼쪽 상단에 검색 패널이 나타납니다. 위에서 설명한 확장 기능을 사용하는 경우와 마찬가지로 입력된 키워드가 강조 표시되고 동시에 계산됩니다.

명백한 단순성에도 불구하고 MultiHighlighter에는 페이지를 인쇄할 때 하이라이트를 저장하거나 . 확장 기능은 현재 개발 중이며 곧 다른 흥미로운 기능이 추가될 가능성이 높습니다.

Chrome용 efTwo(F2)