Standardmäßig bietet der Safari-Browser des iPhones keine Möglichkeit die angezeigte Webseite nach bestimmten Begriffen zu durchsuchen.
Das folgende praktische Bookmarklet von Rafael Cimatti liefert diese Funktion nach:
javascript:void%28s%3Dprompt%28%27Find%20text%3A%27%2C%27%27%29%29%3Bs%3D%27%28%27+s+%27%29%27%3Bx%3Dnew%20RegExp%28s%2C%27gi%27%29%3Brn%3DMath.floor%28Math.random%28%29*100%29%3Brid%3D%27z%27%20+%20rn%3Bb%20%3D%20document.body.innerHTML%3Bb%3Db.replace%28x%2C%27%3Cspan%20name%3D%27%20+%20rid%20+%20%27%20id%3D%27%20+%20rid%20+%20%27%20style%3D%5C%27color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C%27%3E%241%3C/span%3E%27%29%3Bvoid%28document.body.innerHTML%3Db%29%3Balert%28%27Found%20%27%20+%20document.getElementsByName%28rid%29.length%20+%20%27%20matches.%27%29%3Bwindow.scrollTo%280%2Cdocument.getElementsByName%28rid%29%5B0%5D.offsetTop%29%3B
Die Installation ist denkbar einfach:
– Sendet euch den obigen Javascript Code als Email auf euer iPhone und kopiert es mit der Copy und Paste-Funktion in die Zwischenablage.
– Erstellt ein Lesezeichen von einer beliebigen Seite.
– Bearbeitet das erzeugte Lesezeichen und ersetzt die URL mit dem Bookmarklet-Code
– Gebt dem Lesezeichen noch einen sinnvollen Name und speichert ihn.
Wenn ihr nun eine Webseite im Safari nach einem Begriff durchsuchen wollt, so braucht ihr nur das Lesezeichen aufrufen und den gewünschten Begriff in die erscheinende Suchbox eingeben. Die Suchfunktion durchsucht die geladene Seite nach dem gewünschten Text, meldet die Anzahl der gefundenen Stellen und markiert diese Gelb auf der Webseite.
Wieder einmal ein sehr sinnvolles Bookmarklet, welches eine fehlende Funktion nachliefert und damit eine Lücke mehr schließt. Vielleicht kommt ja bald nach der Copy & Paste Funktion auch eine native Search & Replace-Funktion von Apple.
![]() | ![]() |
![]() | ![]() |
![]() |
Update:
Mittlerweile ist eine Suchfunktion auch direkt im Mobile Safari vom iPhone eingebaut. Details unter:
http://www.iphone-tipps.de/safari-suche-webseiten-durchsuchen/
![]() | Wenn euch der Tipp geholfen hat wäre es nett wenn ihr uns kurz einen Kommentar hinterlassen oder die Bewertungsfunktion verwenden würdet. Aber auch Kritik oder Anregungen sind jederzeit herzlich willkommen! |
So. Nachdem ich jetzt wieder um bemerkt habe, dass das Kopieren von dieser Seite am iPhone kaum funktioniert, folgende Lösung:
1. Auf http://nopaste.info/56c546e2c4.html gehen
2. Code kopieren und als email auf das iPhone senden
3. Dort einfach copy&paste in das Bookmark (so wie oben auf den Bildern beschrieben)
Da ich das Bookmarklet wieder gebraucht habe, habe ich mir meinen Code noch einmal durchgeschaut und bemerkt, dass er nicht funktioniert.
Der sollte funktionieren:
javascript%3Avoid(s%3Dprompt(‚Find%20text%3A’%2C“))%3Bs%3D'(‚%2Bs%2B‘)’%3Bx%3Dnew%20RegExp(s%2C’gi‘)%3Brn%3DMath.floor(Math.random()*100)%3Brid%3D’z’%2Brn%3Bb%3Ddocument.body.innerHTML%3Bb%3Db.replace(x%2C’%3Cspan%20name%3D’%2Brid%2B’%20style%3D%5C’color%3A%23000%3Bbackground-color%3Ayellow%3B%20font-weight%3Abold%3B%5C’%3E%241%3C%2Fspan%3E‘)%3Bvoid(document.body.innerHTML%3Db)%3Bel%3Ddocument.getElementsByName(rid)%3Balert(‚Found%20’%2Bel.length%2B’%20matches.‘)%3Bfunction%20j(p)%7Bwindow.scrollTo(el%5Bp%5D.offsetLeft%2Cel%5Bp%5D.offsetTop)%7D%3Bj(0)%3Bfor(ii%3D0%3Bii%3Cel.length%3Bii%2B%2B)%7Bel%5Bii%5D.innerHTML%3D’%3Cspan%20onclick%3D%22j(‚%2B(ii-1)%2B‘)%22%3E%20%C2%AB%20%3C%2Fspan%3E’%2Bel%5Bii%5D.innerText%2B’%3Cspan%20onclick%3D%22j(‚%2B(ii%2B1)%2B‘)%22%3E%20%C2%BB%20%3C%2Fspan%3E’%7D%3B
Lia: Nein, das ist der gesamte Code. Den musst du als ganzen in die Zeile einfügen.
Frage an Tomstig: Muss man deinen Code zusätzlich zum ursprünglichen Code einbauen? Danke!
der Code funzt:
javascript:void(s=prompt(‚Find text:‘,“));s='(‚ s ‚)‘;x=new RegExp(s,’gi‘);rn=Math.floor(Math.random()*100);rid=’z‘ rn;b = document.body.innerHTML;b=b.replace(x,’$1′);void(document.body.innerHTML=b);el=document.getElementsByName(rid);alert(‚Found ‚ el.length ‚ matches.‘);window.scrollTo(0,el[0].offsetTop);for(ii=0;ii<el.length;ii ){el[ii].innerHTML='« ‚ el[ii].innerText ‚ »‘;};
Ich hab dieses Bookmarklet erweitert. Man kann damit alle Suchtreffer durchklicken:
javascript:void(s=prompt(‚Find text:‘,“));s='(‚ s ‚)‘;x=new RegExp(s,’gi‘);rn=Math.floor(Math.random()*100);rid=’z‘ rn;b = document.body.innerHTML;b=b.replace(x,’$1′);void(document.body.innerHTML=b);el=document.getElementsByName(rid);alert(‚Found ‚ el.length ‚ matches.‘);window.scrollTo(0,el[0].offsetTop);for(ii=0;ii<el.length;ii ){el[ii].innerHTML='« ‚ el[ii].innerText ‚ »‘;};
Sehr guter Tipp. Funktioniert Super 🙂
Also ich hab mir das bookmark gesetzt wie beschrieben. Bei tut sich absolut gar nix beim Aufrufen des Lesezeichens!
Ein sehr sinnvoller Tipp! Habe es gleich mal ausprobiert und funktioniert wunderbar! DANKE!