Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>iPhone>Safari-Adressfeld auf iPhone vergrößern (mehrzeilig anzeigen)

Safari-Adressfeld auf iPhone vergrößern (mehrzeilig anzeigen)

Paperflow
Paperflow17.01.2613:54
Safari-Adressfeld auf iPhone vergrößern (mehrzeilig anzeigen)

Problemstellung

In Safari auf dem iPhone ist das Adressfeld nur einzeilig. Bei langen URLs ist es sehr umständlich, die gesamte Adresse zu sehen oder zu bearbeiten, da man ständig hin- und herscrollen muss. Mit dem folgenden Booklet kann die URL mehrzeilig angezeigt und bearbeitet werden.


0) So funktioniert es
1. Adressfeld antippen
2. Lesezeichenleiste erscheint
3. Booklet anklicken
4. Bearbeitbares Feld mit der gesamten Adresse erscheint
5. ✅ → neue Adresse wird geladen
6. ❌ → Rückkehr zur normalen Ansicht



1) Booklet erstellen (Schritt-für-Schritt)
1. Safari öffnen
2. Beliebige Seite öffnen
3. Teilen → Lesezeichen speichern
4. Lesezeichen lange drücken → bearbeiten
5. Titel: „✏️ AdressFeld bearbeiten“
6. Im URL-Feld den folgenden JavaScript-Code einfügen


2) Booklet (Code)

javascript:(function(){
  var u=location.href,d=document,b=d.body,o=d.createElement('div');
  o.style.cssText='position:fixed;inset:0;display:flex;flex-direction:column;background:#000;z-index:999999;';
  var t=d.createElement('div');
  t.style.cssText='flex:0 0 auto;padding:8px;display:flex;align-items:center;background:#222;position:sticky;top:0;z-index:1000;';
  var ca=d.createElement('button'); ca.textContent='❌';
  ca.style.cssText='font-size:50px;color:#ff5555;background:#222;border:none;cursor:pointer;';
  var ok=d.createElement('button'); ok.textContent='✅';
  ok.style.cssText='font-size:50px;margin-left:3cm;color:#55ff55;background:#222;border:none;cursor:pointer;';
  t.appendChild(ca); t.appendChild(ok);
  var a=d.createElement('textarea');
  a.value=u; a.wrap='soft';
  a.style.cssText='flex:0 0 33vh;width:100%;font-size:25px;line-height:1.4;resize:none;overflow:auto;padding:10px;box-sizing:border-box;background:#000;color:#fff;white-space:pre-wrap;word-wrap:break-word;';
  o.appendChild(t); o.appendChild(a); b.appendChild(o);
  ok.onclick=function(){location.href=a.value};
  ca.onclick=function(){b.removeChild(o)};
  requestAnimationFrame(function(){
    requestAnimationFrame(function(){
      a.focus();
      var m=Math.round(a.value.length/2);
      a.setSelectionRange(m,m);
      a.scrollTop=(a.scrollHeight-a.clientHeight)/2;
    });
  });
})();

3) Tipp: Booklet-Icon mit Emoji

Wenn ihr dem Booklet ein Icon geben wollt, müsst ihr als Titel ganz am Anfang ein Emoji eingeben.
Beispiel: ✏️ AdressFeld bearbeiten

Dieses Emoji erscheint dann als Logo/Icon für das Booklet.

Viel Spaß
+1

Kommentare

Paperflow
Paperflow17.01.2614:11
Nachtrag zu 1.4 (hab den Screenshot vergessen)

0

Kommentieren

Sie müssen sich einloggen, um sich an einer Diskussion beteiligen zu können.