Søk etter nøkkelside. Ny versjon av Yandex Browser: sidesøk som tar hensyn til morfologi og støtte for gester


Det er situasjoner når det er en enorm mengde tekst på en Internett-side, og du trenger bare å finne et bestemt sted. Samtidig vet du hva du ser etter. I forstand - et ord eller en spesifikk setning som bør være i denne teksten.

I en slik situasjon kommer en funksjon som er tilgjengelig i alle nettlesere uten unntak til vår hjelp. tekstredigerere. Det heter: "FINNE", - og kalles opp ved å trykke på en hurtigtast "Ctrl+F". Den siste hurtigtasten skal fungere i alle nettlesere. La oss se på hvordan dette fungerer i forskjellige programmer.

Hvordan Finn-funksjonen fungerer i nettlesere

  • Et skjema vises øverst i nettleservinduet der du må skrive inn søkeordet.

Allerede mens du skriver, vil nettleseren vise passende ord med grønn utheving og trekke teksten inn i visningsområdet. Hvis en slik bokstavkombinasjon ikke er på siden, vil den i selve skjemaet bli uthevet i rødt.

For å navigere gjennom teksten mellom søkeordene som finnes i den, trykk på pilene "Finn forrige" og "Finn neste". Naturligvis, hvis det bare er ett ord på siden, vil bevegelsen ikke finne sted.

  • Klikk på "Rediger" i menyen og deretter på "Finn på denne siden"
  • Et skjema vises øverst i vinduet der du må skrive inn søkeordet.
  • Klikk på "Rediger" i menyen og velg "Finn" fra listen som åpnes.
  • Et skjema vises nederst i nettleservinduet. Skriv inn ordet eller setningen du leter etter der.
  • Klikk på nøkkelbildet til høyre for adressefeltet, og deretter på "Finn..."
  • Et skjema vises øverst til høyre i vinduet der du må skrive inn søkeordet.

Ord som er funnet vil være uthevet i oransje i teksten på sidene. For å flytte rundt på siden, mellom de funnet ordene, bruk pilknappene i skjemaet: "Tilbake" og "Forover".

Note. For meg personlig er denne funksjonen ofte veldig nyttig. Spesielt hvis jeg ikke vil se eller lytte til medier på nettet og deretter trekke det ut av nettleserbufferen til Opera eller andre nettlesere. Vanligvis prøver jeg først å finne lenker til multimediefiler på nettsteder i koden til selve Internett-sidene og laste dem ned med Download Master-programmet. Sistnevnte kan sees hvis du høyreklikker hvor som helst på siden og velger funksjonen i kontekstmenyen "Kildekode" eller "Vis kode". Jeg søker etter den forventede filtypen.

Hvordan Finn-funksjonen fungerer i tekstredigerere

  • Åpne et dokument og aktiver Hjem-panelet
  • Finn "Redigering"-delen på høyre side av panelet og klikk på "Finn"-knappen (ikon med kikkert).
  • Skriv inn ønsket ord i "Finn og erstatt"-skjemaet som vises, og klikk på "Finn neste"-knappen.

Dokumentet vil rulle til den første omtalen av det søkte ordet, som vil bli uthevet. For å gå videre mellom disse ordene, klikk "Finn neste" igjen. Dette Word-skjemaet har mange flere innstillinger for å søke og erstatte ord. For å bruke dem, klikk på "Mer"-knappen nederst i skjemaet.

OpenOffice

  • Åpne dokumentet og finn "Finn"-skjemaet til høyre i kontrollpanelet.
  • Skriv inn ønsket ord i skjemaet og klikk på pilene til høyre "Neste" og "Forrige" Ordene som ble funnet vil bli uthevet i teksten i dokumentet når du flytter mellom dem.

Og for å konsolidere materialet, se videoen "Hvordan finne et ord eller en setning på en side" som tydelig viser hvordan ord eller uttrykk finnes i store mengder tekst på internettsider eller i tekstdokumenter. Hvordan Finn-funksjonen fungerer i ulike nettlesere og tekstredigerere:

Mange besøkende på nettstedet vet ikke om sidesøk ved å trykke Ctrl+F og se etter det nødvendige fragmentet med øynene, bare bla gjennom teksten. Denne metoden blir problematisk hvis det er mer enn tre eller fire skjermer med tekst på en side. For slike besøkende bestemte jeg meg for å implementere et sidesøk ved hjelp av jQuery.
Det er et eksempel på et slikt søk på nettstedet til den russiske føderasjonens grunnlov, men det fungerer på en eller annen måte merkelig der.

Advarsel

Jeg er ikke en profesjonell programmerer, vennligst ikke skyld på den skjeve koden og mulig gjenoppfinnelse av hjulet.

HTML-skjema

Først av alt, la oss plassere HTML-koden til søkeskjemaet på siden. Skjemaet inneholder to elementer - et tekstinntastingsfelt og en DIV for visning av søkeresultater.

CSS

Vi angir to stiler: den første er for å fremheve et fragment, den andre er for å koble til det første fragmentet.
span.highlight ( bakgrunnsfarge: #C6D9DB; cursor: pointer; ) span.splink ( farge: #0A5794; cursor: pointer; )

Søkeinnstillinger

var minlen = 3; // minimum ordlengde var paddingtop = 30; // toppinnrykk ved rulling var scrollspeed = 200; // rulletid var keyint = 1000; // intervall mellom tastetrykk

Utheving av fragmenter

Grunnleggende funksjonalitet - fremheve fragmenter i teksten. Dette gjøres ved hjelp av regulære uttrykk.
function dosearch() ( term = jQuery("#spterm").val(); jQuery("span.highlight").each(function())( //fjern det gamle høydepunktet jQuery(this).after(jQuery( this) .html()).remove()); var t = ""; jQuery("div.entry-content"). (this).html( jQuery(this).html().replace(new RegExp(term, "ig"), " $&")); // marker de funnet fragmentene n = jQuery("span.highlight").length; // antall funnet fragmenter console.log("n = "+n); if (n==0) jQuery( "# spresult").html("Ingenting funnet"); )( if (jQuery("#spterm").val()!=term) // sjekk om strengen har endret seg if (jQuery("#spterm").val().length>=minlen) ( // sjekk lengden på strengen dosearch (); // hvis alt er i orden, begynn å søke ) else jQuery("#spresult").html(" " // hvis linjen er kort, fjern teksten fra resultatet DIV ));

Overgang mellom fragmenter

Det er ikke nok å bare velge fragmenter, det er mye mer praktisk å organisere en rask overgang mellom dem. Under skjemaet legger vi en lenke til det første fragmentet som ble funnet. For å unngå å ta opp plass med piler, vil klikk på hvert fragment føre til det neste. Ved å klikke på det siste fragmentet går brukeren tilbake til søkeskjemaet.
if (n==0) jQuery("#sresult").html("Ingenting funnet"); else jQuery("#sresult").html("Resultater: "+n); if (n>1) // hvis det er mer enn ett fragment, legg til en overgang mellom dem ( var i = 0; jQuery("span.highlight").each(function(i)( jQuery(this).attr ("n", i++); // nummer fragmentene, mer fant ikke neste element));

jQuery("span.highlight").not(":last").attr((tittel: "Klikk for å gå til neste fragment")).click(function())( // legg til et verktøytips til alle fragmenter unntatt siste en jQuery("body,html").animate((scrollTop: jQuery("span.highlight:gt("+jQuery(this).attr("n")+"):first").offset(). top- paddingtop), scrollspeed // gå til neste fragment ));

jQuery("span.highlight:last").attr((tittel: "Klikk for å gå tilbake til søkeskjema")).click(function())( jQuery("body,html").animate((scrollTop: jQuery( "#spterm").offset().top-paddingtop), scrollspeed // gå til søkeskjemaet ));
)

Søkestartforsinkelse

Det tar flere sekunder å søke i stor tekst og fremheve, og siden fryser. Når du skriver et langt ord, utføres søket etter hver bokstav som er skrevet inn. jQuery("#spterm").keyup(function())( var d1 = new Date(); time_keyup = d1.getTime(); if (jQuery("#spterm").val()!=term) // check , har strengen endret if (jQuery("#spterm").val().length>=minlen) ( // sjekk lengden på strengen setTimeout(function())( // vent til neste klikk var d2 = new Date(); time_search = d2.getTime(); if (time_search-time_keyup>=keyint) // sjekk intervallet mellom tastetrykk dosearch(); "#spresult"). html(" "); // hvis linjen er kort, fjern teksten fra DIV med resultatet ));
Bonus

La oss legge til muligheten til å lage lenker til hvilken som helst tekst på siden uten å bruke

jQuery(document).ready(function())( var minlen = 3; // minimum ordlengde var paddingtop = 30; // topputfylling ved rulling var rullehastighet = 200; // rulletid var keyint = 1000; // intervall mellom tastetrykk var term = ""; var time_keyup = 0; var time_search = 0; html").animate((scrollTop: jQuery("span.highlight:first").offset().top-paddingtop), scrollspeed); // flytt til det første fragmentet )); funksjon dosearch() ( term = jQuery( "#spterm").val(); jQuery("span.highlight").each(function())( //fjern den gamle highlight jQuery(this).after(jQuery(this).html()).remove() )); var t = ""; velgeren setter søkeområdet jQuery(this).html(jQuery(this).html().replace( new RegExp(term, "ig"), " $&")); // marker de funnet fragmentene n = jQuery("span.highlight").length; // antall funnet fragmenter console.log("n = "+n); if (n==0) jQuery( "# spresult").html("Ingenting funnet"); else jQuery("#spresult").html("Resultater: "+n+". "); hvis (n>1) // hvis det er mer enn ett fragment, legg til en overgang mellom dem ( var i = 0; jQuery("span.highlight").each(function(i)( jQuery(this ).attr( "n", i++); // nummer fragmentene, jeg fant ikke en enklere måte å søke etter neste element )); jQuery("span.highlight").not(":last") .attr((tittel: "Klikk for å gå til neste fragment")).click(function())( // legg til et verktøytips til alle fragmenter unntatt det siste jQuery("body,html").animate((scrollTop) : jQuery("span.highlight:gt("+jQuery( this).attr("n")+"):first").offset().top-paddingtop), scrollspeed // flytt til neste fragment )); jQuery("span.highlight:last").attr ((tittel: "Klikk for å gå tilbake til søkeskjemaet")).click(function())( jQuery("body,html").animate(( scrollTop: jQuery("#spterm").offset().top- paddingtop), // gå til søkeskjemaet ) ) jQuery("#spterm").keyup(function())( var d1 = new); Date(); time_keyup = d1.getTime(); if (jQuery("#spterm").val()!=term) // sjekk om strengen er endret if (jQuery("#spterm").val() .length>=minlen) ( // sjekk lengden på strengen setTimeout (function())( // vent til neste klikk var d2 = new Date();

time_search = d2.getTime();

if (time_search-time_keyup>=keyint) // sjekk intervallet mellom tastetrykk dosearch(); // hvis alt er i orden, la oss begynne å søke ), keyint);

) else jQuery("#sresult").html(" "); // hvis linjen er kort, fjern teksten fra DIV med resultatet ));

if (window.location.hash!="") // bonus ( var t = window.location.hash.substr(1, 50); // klipp ut teksten jQuery("#spterm").val(t) .keyup (); // sett inn i søkeskjemaet jQuery("#spgo").klikk( // gå til det første fragmentet ) );

Feil

Faktum er at i dette verktøyet kan du legge til søkemotorene du trenger og fjerne unødvendige søkemotorer, og dermed sette opp panelet så praktisk som mulig. Du kan legge til absolutt alle søkemotorer, selv de mest eksotiske. For eksempel har jeg et spesielt søk innebygd i nettleseren min: google.ru/linux, som lar deg søke etter informasjon kun på ressurser dedikert til Linux.

Et godt eksempel

La oss prøve å bygge et slags søk inn i nettleseren din. Jeg vil se på eksemplet med den unge søkemotoren nigma.ru.

For å bygge inn et nytt søk i opera, trenger du:

1. Åpne siden til den nødvendige søkemotoren.

2. Høyreklikk i søkefeltet.

3. Velg kontekstmenyelementet "Opprett søk..." (opprett søk...).

Dette åpner vinduet Opprett et nytt søk, hvor du blir bedt om å skrive inn et navn for dette søket, samt en nøkkeltast. Jeg vil skrive om denne fantastiske nøkkelen nedenfor. Hvis du åpner fanen "detaljer", kan du velge alternativet "Angi som standardsøk" - det vil si at det opprettede søket alltid vil være først i listen.

Legger til et nytt søk i Mozilla

Hvis du bruker Mozilla-Firefox-nettleseren, er prosedyren for å legge til en søkemotor som følger: du må installere riktig plugin for den. For å gjøre dette, venstreklikk på pilen som åpner søkemotorvalgmenyen. Det siste elementet vil være "administrering av søkeplugins". Når du velger det, åpnes et tilsvarende vindu der du kan slette eller endre innstillingene for allerede installerte søkemotorplugins. Nederst i denne manageren er det en lenke som tar deg til en side hvor du kan finne, hente og installere nye plugins.

Der, i dette vinduet, kan du angi en nøkkeltast for hver søkemotor du bruker, dette er den samme nøkkelen som jeg nevnte når jeg snakket om Opera.

Internet Explorer

Prosedyren for å installere et nytt søk i Internet Explorer ligner litt på den for Firefox. Åpne søkemotorvalgmenyen, velg et element - noe sånt som "Finn andre leverandører". Nettleseren vil gå til en side der ytterligere trinn er beskrevet. Du vil nemlig bli bedt om å åpne siden til søkemotoren du trenger, skriv inn ordet TEST (med store bokstaver) i søkemotorens søkelinje.

Deretter må du kopiere lenken fra nettleserens adresselinje fra siden der du åpnet søkemotoren til skjemaet på siden for installasjonstjenesten for søkemotoren. Skriv inn navnet i samme skjema og klikk på knappen der. Som et resultat vil det genereres en XML-fil, som legger til denne søkemotoren i søkefeltet i nettleseren din.

Internet Explorer har ikke en nøkkelnøkkel.

Hver av oss, mens vi surfer på Internett, har sannsynligvis mer enn en gang møtt behovet for å søke etter et nøkkelord på en side. Heldigvis har alle moderne nettlesere innebygd søk, ellers er det skummelt å tenke på hvordan det ville være å søke etter ett enkelt ord på en side på for eksempel 10 000 tegn. Og jeg må si at jeg inntil nylig var helt fornøyd med søkemotorfunksjonene til nettlesere.

Men så skjedde det noe som fikk meg til å revurdere holdningen min til søkemotorene til disse nettleserne. Jeg trengte å finne ikke ett ord på siden, men tre på en gang! Og så viste det seg at verken Google Chrome eller Firefox, eller snarere søkemotorene deres, var helt ute av stand til å takle en slik oppgave. Plugins spesielt laget for å utvide søkefunksjonaliteten i de ovennevnte nettleserne hjalp meg med å løse problemet.

SearchWP for Firefox

En veldig enkel og nyttig plugin som lar deg søke etter flere nøkkelord samtidig. SearchWP fungerer i tre moduser: Internett-søk, nettstedsøk og til slutt, søk på en bestemt side.

Etter installasjonen legger plugin til en knapp med et markørbilde til Firefox-verktøylinjen når du klikker på den, vil ordene som legges inn i søkefeltet bli uthevet i forskjellige farger, samtidig som ordene på siden utheves; i samme farger.

For å gå til et bestemt ord i teksten, klikker du bare på det med musen. Ved å trykke på Enter-tasten startes et nettsøk for å søke etter et spesifikt nettsted, du må først legge det til i SearchWP-listen. Plugin-innstillingene er ekstremt enkle i dem kan du spesifisere minimumslengden på søkeordet.

Last ned SearchWP for Firefox: www.addons.mozilla.org

Pearls Extension for Google Chrome

En god søkeutvidelse for Google Chrome. Utfører et søk ved å bruke flere nøkkelord, og fremhever dem i forskjellige farger. En spesiell funksjon ved denne plugin er muligheten til å huske tidligere innlagte søk for hvert domene separat. Samtidig viser Pearls Extension antall ord som finnes på siden, og det er mulighet for å navigere (frem og tilbake).

Ja, det er veldig viktig at søk er atskilt med komma. Sammen med alle fordelene har Pearls Extension en stor ulempe - det fungerer ikke med kyrillisk, så du kan bare søke etter latinske ord.

Last ned Pearls Extension for Google Chrome: www.chrome.google.com

MultiHighlighter for Chrome

Et annet godt søkeverktøy for flere søkeord. Dessverre kan MultiHighlighter ikke huske, men den gjenkjenner det kyrilliske alfabetet uten problemer. Etter installasjonen legger den til et forstørrelsesglassikon på verktøylinjen når du klikker på det, vises et søkepanel i øvre venstre del av vinduet. Som ved arbeid med utvidelsene beskrevet ovenfor, blir de angitte søkeordene uthevet og telles samtidig.

Til tross for sin tilsynelatende enkelhet har MultiHighlighter en rekke unike funksjoner, for eksempel å lagre høydepunktet når du skriver ut en side eller konverterer det til . Utvidelsen er for øyeblikket under utvikling, og det er ganske mulig at andre interessante funksjoner vil dukke opp i den snart.

efTwo (F2) for Chrome

Og til slutt vil jeg gjøre deg oppmerksom på en veldig original plugin for Google Chrome kalt efTwo (F2). Hovedtrekk Denne løsningen er å bruke "hurtigtaster", og brukeren tilbys fire alternativer for hurtigtaster - F2, CTRL + ALT + F, CTRL + SHIFT + F eller dobbelttrykk raskt på F-knappen.

efTwo (F2) plugin kan huske innlagte nøkkelord for hver side, vise antall ord funnet, støtter rask fjerning av ord fra søkefeltet og har fleksible innstillinger for funksjonalitetsadministrasjon.

Det er en forover-bakover overgangsfunksjon. Det er implementert ganske interessant - søkeresultater er merket med små fargede markører ved siden av høyre kant av nettleservinduet. For å flytte til ønsket posisjon kan du bruke både musen og hurtigtastene.

Bunnlinjen

Vel, det er nok for første gang. Det er selvfølgelig synd at jeg ikke klarte å finne mer verdige plugins for Firefox.

SearchWP er bra, men jeg vil gjerne ha et alternativ for hånden. Vel, det var på en eller annen måte urettferdig å omgå Opera, tross alt er det også en veldig populær og fantastisk nettleser på mange måter...

Kanskje jeg kommer tilbake til temaet søk, og kanskje til og med mer enn én gang, men foreløpig, som alltid, venter vi på tilbakemeldingen din.

Hver bruker må søke etter noe på nettsider. Dette er kanskje ikke en hel artikkel eller en nyhet, men et spesifikt avsnitt eller tekstpassasje hvor nøkkelord eller frase. Hvis det er mye tekst på siden, men du bare trenger et stykke med ønsket beskrivelse, så bruker vi et ordsøk i nettleseren. Dette er en funksjon som er identisk med søk i Word-, Excel- eller PDF-redigeringsprogrammer.

Søkefelt i nettleseren

Hver nettleser har sin egen søkefelt. For å kalle det, trykk Ctrl+F. La oss vurdere søkefeltene til nettlesere som Chrome, Firefox og Yandex Browser.

Søk etter tekst i Google Chrome

Du kan åpne panelet i Chrome på en annen måte ved å klikke på menyen og velge "Finn ..."-funksjonen.

Mens du er på en hvilken som helst side, skriv inn ordet eller setningen du er interessert i, og trykk enter. Som du kan se på skjermbildet, er det funnet ordet uthevet i oransje. Panelet viser antall ord funnet. Piler brukes til å flytte fra ett resultat til et annet.

Søker etter tekst i Mozilla Firefox

I Firefox er søkefeltet mer avansert og praktisk. Har følgende alternativer:

  • fremhev alt;
  • skiller mellom store og små bokstaver;
  • bare hele ord.


"Highlight All", du gjettet riktig, lar deg se alt de riktige ordene i dokumentet.

Den store og små bokstaver-funksjonen gjør søket ditt følsomt for store og små bokstaver. Hvis du for eksempel skrev inn ordet "olje", det vil si et ord med liten bokstav, vil ikke "Olje" eller "OLJE" telles som treff.

Når du søker med alternativet «Bare hele ord», filtreres ord med bøyninger og endelser ut. Skriv inn det persiske ordet "olje" for å sjekke resultatet.

Søker etter tekst i Yandex-nettleseren

Yandex-nettleseren har et tekstsøkepanel som ligner på Chrome, men har et kult språklig system. Det er kjent at Yandex, som søkemotor, forstår det russiske språket bedre enn noe annet system. Det er denne fordelen som gir brukeren muligheten til å finne ønsket fragment eller individuelle setninger med maksimalt antall alternativer blant teksten på siden. Tekstsøkealgoritmen tar hensyn til kasus, deklinasjoner, antall, kjønn, talemåte.