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

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)

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ß

+10

Kommentare

Paperflow17.01.2614:11

Nachtrag zu 1.4 (hab den Screenshot vergessen)

KJM17.01.2615:31

Bookmark (Lesezeichen) mit Booklet (Büchlein) verwechselt?

xcomma17.01.2616:31

KJM,
es ist ein Bookmarklet , was Paperflow hier zur Verfügung stellt und gemeint hat.

Paperflow17.01.2617:06

KJM

Bookmark (Lesezeichen) mit Booklet (Büchlein) verwechselt?

Danke…Du hast recht, korrekt heißt es Bookmarklet, ich hab es bisher umgangssprachlich Booklet genannt, was aber nicht korrekt ist. Vielleicht kann es ja @MTN bitte korrigieren (hab keine Möglichkeit es selber zu machen)

xcomma Danke dir auch 🙂

System 6.0.117.01.2621:36

Genial! Danke sehr!!

„„A lot of times, people don't know what they want until you show it to them.“ Steve Jobs, 1998“

Paperflow17.01.2622:31

System 6.0.1

Genial! Danke sehr!!

Das freut mich

rene20418.01.2606:41

Vielen Dank, hilft sehr....

„Gelassenheit und Gesundheit.. ist das wichtigste...“

iOEG18.01.2612:14

Will bei mir nicht, iOS 26.2. iPhone 17 pro

iOEG18.01.2612:36

Danke, es läuft, das Problem war mal wieder vor dem iPhone

Paperflow18.01.2620:59

Hier noch eine Version (für die Nerds unter uns

Titel:
❇️ EDIT URL

Code:

javascript:(function(){var u=location.href,d=document,b=d.body,o=d.createElement('div'),headerH=56;function css(v){return 'env('+v+')'}o.style.cssText='position:fixed;top:'+css('safe-area-inset-top')+';left:'+css('safe-area-inset-left')+';right:'+css('safe-area-inset-right')+';bottom:'+css('safe-area-inset-bottom')+';display:flex;flex-direction:column;background:#000;z-index:2147483647;';var t=d.createElement('div');t.style.cssText='flex:0 0 '+headerH+'px;padding:8px;display:flex;align-items:center;background:#050a05;box-sizing:border-box;width:100%;position:relative;';var ca=d.createElement('button');ca.textContent='CLOSE';ca.style.cssText='font-size:18px;color:#00ff66;background:#050a05;border:none;text-shadow:0 0 6px #00ff66;';var ok=d.createElement('button');ok.textContent='RUN';ok.style.cssText='font-size:18px;color:#00ff66;background:#050a05;border:none;margin-left:auto;text-shadow:0 0 6px #00ff66;';t.appendChild(ca);t.appendChild(ok);var a=d.createElement('textarea');a.value=u;a.wrap='soft';a.style.cssText='height:calc(50% - '+headerH+'px);width:100%;font-size:14px;font-family:Menlo,Monaco,Courier,"Courier New",monospace;line-height:1.4;resize:none;overflow:auto;padding:10px;box-sizing:border-box;background:#000;color:#00ff66;text-shadow:0 0 4px #00ff66;white-space:pre-wrap;word-wrap:break-word;margin:0 auto;caret-color:#00ff66;';var scan=d.createElement('div');scan.style.cssText='position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0.25;background:repeating-linear-gradient(to bottom,rgba(0,255,102,0.0) 0,rgba(0,255,102,0.0) 18px,rgba(0,255,102,0.12) 19px,rgba(0,255,102,0.0) 20px);animation:scanline 4s linear infinite;';t.appendChild(scan);var style=d.createElement('style');style.textContent='@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}';o.appendChild(style);o.appendChild(t);o.appendChild(a);b.appendChild(o);ok.onclick=function(){location.href=a.value};ca.onclick=function(){b.removeChild(o)};setTimeout(function(){a.focus();try{var m=(a.value.length/2)|0;a.setSelectionRange(m,m)}catch(e){}},300);})();

Paperflow19.01.2614:46

Version mit 🖥️ Design, Transparent und als Overlay

Titel:
🖥️ EDIT URL

Code:

javascript:(function()%7Bvar%20u=location.href,d=document,b=d.body,o=d.createElement('div');function%20e(v)%7Breturn'env('+v+')'%7Do.style.cssText='position:fixed;top:'+e('safe-area-inset-top')+';left:'+e('safe-area-inset-left')+';right:'+e('safe-area-inset-right')+';bottom:'+e('safe-area-inset-bottom')+';display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.25);z-index:9999;';var%20tv=d.createElement('div');tv.style.cssText='position:relative;width:90vw;height:90vw;border-radius:32px;border:1px%20solid%20rgba(0,0,0,0.2);background:radial-gradient(circle%20at%2030%25%2020%25,rgba(255,255,255,0.9),rgba(255,255,255,0.3)%2030%25,rgba(120,200,255,0.35)%2055%25,rgba(70,150,230,0.25)%20100%25);box-shadow:0%200%200%201px%20rgba(0,0,0,.2),inset%200%200%2050px%20rgba(255,255,255,0.25),inset%200%200%20120px%20rgba(0,0,0,.35);overflow:hidden;';var%20inner=d.createElement('div');inner.style.cssText='position:absolute;inset:16px%2016px%20110px%2016px;border-radius:22px;border:1px%20solid%20rgba(255,255,255,0.25);background:rgba(255,255,255,0.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;';var%20label=d.createElement('div');label.textContent='URL%20bearbeiten';label.style.cssText='position:absolute;top:0;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe%20UI,Roboto;color:rgba(255,255,255,0.8);letter-spacing:.4px;border-bottom:1px%20solid%20rgba(255,255,255,0.18);background:rgba(0,0,0,0.2);';var%20ta=d.createElement('textarea');ta.value=u;ta.style.cssText='position:absolute;top:34px;left:0;right:0;bottom:0;background:transparent;border:none;outline:none;color:%23003b6f;font-size:16px;font-family:Menlo,Monaco,Courier,monospace;line-height:1.4;padding:16px;resize:none;';var%20scan=d.createElement('div');scan.style.cssText='position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:screen;background:repeating-linear-gradient(to%20bottom,rgba(255,255,255,0)%200,rgba(255,255,255,0)%2018px,rgba(255,255,255,.16)%2019px,rgba(255,255,255,0)%2020px);animation:scan%204s%20linear%20infinite;';var%20bf=d.createElement('div');bf.style.cssText='position:absolute;bottom:6px;left:10px;right:10px;height:64px;display:flex;align-items:center;justify-content:space-between;';inner.appendChild(label);inner.appendChild(ta);inner.appendChild(scan);tv.appendChild(inner);tv.appendChild(bf);var%20w=d.createElement('div');w.style.cssText='flex:1;display:flex;justify-content:center;align-items:flex-start;padding:0;';w.appendChild(tv);var%20stand=d.createElement('div');stand.style.cssText='position:absolute;left:50%25;bottom:-28px;width:130px;height:26px;margin-left:-65px;background:rgba(0,0,0,0.35);border-radius:14px;box-shadow:0%202px%206px%20rgba(0,0,0,.7);';var%20neck=d.createElement('div');neck.style.cssText='position:absolute;left:50%25;bottom:-56px;width:38px;height:30px;margin-left:-19px;background:rgba(120,200,255,0.4);border-radius:12px;box-shadow:inset%200%200%206px%20rgba(255,255,255,0.35),0%202px%206px%20rgba(0,0,0,0.5);';var%20foot=d.createElement('div');foot.style.cssText='position:absolute;left:50%25;bottom:-90px;width:120px;height:36px;margin-left:-60px;background:rgba(120,200,255,0.35);border-radius:18px;box-shadow:0%204px%2010px%20rgba(0,0,0,0.7);';tv.appendChild(stand);tv.appendChild(neck);tv.appendChild(foot);var%20speakerL=d.createElement('div');speakerL.style.cssText='position:absolute;left:18px;bottom:20px;width:88px;height:54px;border-radius:999px;background:rgba(0,0,0,0.25);border:1px%20solid%20rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;';var%20grillL=d.createElement('div');grillL.style.cssText='width:76px;height:44px;border-radius:999px;background:radial-gradient(circle%20at%2050%25%2050%25,rgba(255,255,255,0.12),rgba(0,0,0,0.45));position:relative;overflow:hidden;border:1px%20solid%20rgba(0,0,0,0.25);';var%20holesL=d.createElement('div');holesL.style.cssText='position:absolute;inset:0;background:radial-gradient(circle%20at%2020%25%2020%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px),radial-gradient(circle%20at%2050%25%2050%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px),radial-gradient(circle%20at%2080%25%2080%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px);background-size:12px%2012px;opacity:0.85;';var%20close=d.createElement('div');close.textContent='CLOSE';close.style.cssText='position:absolute;left:50%25;top:50%25;transform:translate(-50%25,-50%25);font-size:16px;font-family:%22Times%20New%20Roman%22,Times,serif;font-style:italic;color:rgba(255,255,255,0.85);text-shadow:0%201px%200%20rgba(0,0,0,0.6);filter:drop-shadow(0%201px%200%20rgba(0,0,0,0.5));';var%20speakerR=d.createElement('div');speakerR.style.cssText='position:absolute;right:18px;bottom:20px;width:88px;height:54px;border-radius:999px;background:rgba(0,0,0,0.25);border:1px%20solid%20rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;';var%20grillR=d.createElement('div');grillR.style.cssText='width:76px;height:44px;border-radius:999px;background:radial-gradient(circle%20at%2050%25%2050%25,rgba(255,255,255,0.12),rgba(0,0,0,0.45));position:relative;overflow:hidden;border:1px%20solid%20rgba(0,0,0,0.25);';var%20holesR=d.createElement('div');holesR.style.cssText='position:absolute;inset:0;background:radial-gradient(circle%20at%2020%25%2020%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px),radial-gradient(circle%20at%2050%25%2050%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px),radial-gradient(circle%20at%2080%25%2080%25,rgba(0,0,0,0.65)%200,rgba(0,0,0,0.65)%201.2px,rgba(0,0,0,0)%201.2px,rgba(0,0,0,0)%206px);background-size:12px%2012px;opacity:0.85;';var%20run=d.createElement('div');run.textContent='RUN';run.style.cssText='position:absolute;left:50%25;top:50%25;transform:translate(-50%25,-50%25);font-size:16px;font-family:%22Times%20New%20Roman%22,Times,serif;font-style:italic;color:rgba(255,255,255,0.85);text-shadow:0%201px%200%20rgba(0,0,0,0.6);filter:drop-shadow(0%201px%200%20rgba(0,0,0,0.5));';var%20apple=d.createElement('div');apple.textContent='';apple.style.cssText='position:absolute;left:50%25;bottom:35px;width:30px;height:20px;margin-left:-15px;display:flex;align-items:center;justify-content:center;font-size:40px;font-family:SF%20Pro%20Display,Helvetica,Arial,sans-serif;color:rgba(0,40,90,0.85);text-shadow:0%201px%200%20rgba(255,255,255,0.6);';grillL.appendChild(holesL);grillR.appendChild(holesR);grillL.appendChild(close);grillR.appendChild(run);speakerL.appendChild(grillL);speakerR.appendChild(grillR);tv.appendChild(speakerL);tv.appendChild(speakerR);tv.appendChild(apple);var%20st=d.createElement('style');st.textContent='@keyframes%20scan%7B0%25%7Btransform:translateY(-100%25)%7D100%25%7Btransform:translateY(100%25)%7D%7D';o.appendChild(st);o.appendChild(w);b.appendChild(o);run.onclick=function()%7Blocation.href=ta.value%7D;close.onclick=function()%7Bb.removeChild(o);b.removeChild(st)%7D;setTimeout(function()%7Bta.focus()%7D,200)%7D)();

Viel Spaß

Kommentieren

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

Comeback des iMac Pro?

Cambridge L/R

Bericht über Speicherpreise: Apple musste "aus ...

Branchenstimme: RAM-Verknappung killt Produkte ...

FTC vs. Apples "Verbreitung linker Inhalte"

Bloomberg: iOS 27 mit vielen Aufräumarbeiten – ...

Apple veröffentlicht iOS 26.2.1 und watchOS 26....

iOS 26: Update-Verweigerung, katastrophal niedr...