Matthias Apsel: Frage zum Wiki-Artikel ‚a‘

problematische Seite

Hallo alle,

Mobile Browser generieren bei bestimmten Zahlenangaben automatisch einen <code>tel:</code>-Link – selbst dann, wenn es sich lediglich um die Angabe von '''Seitenzahlen''' (z. B. "S. 1234-1238") handelt. Für diese Fälle könnte es ratsam sein, vorsorglich einen CSS-Code zu generieren, um den Browser-generierten Code zu überschreiben, z. B. durch <code>a[href^&#61;"tel:"]</code>.

Folgende Frage: Wird die erkannte Nummer tatsächlich zu <a href="tel:…">?

Microsoft schreibt in einem ähnlichen Fall „Links created through format detection do not affect the content or layout of the Document Object Model (DOM).“

Bis demnächst
Matthias

--
Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
  1. problematische Seite

    @@Matthias Apsel

    Folgende Frage: Wird die erkannte Nummer tatsächlich zu <a href="tel:…">?

    Im Safari unter iOS offenbar ja; der rendert das per a[href^='tel:']::before { content: '☎︎ ' } generierte ☎︎-Symbol auf dieser Testseite.

    Screenshot

    LLAP 🖖

    --
    “You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
    Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
    1. problematische Seite

      Hallo Gunnar Bittersmann,

      der rendert das per a[href^='tel:']::before { content: '☎︎ ' } generierte ☎︎-Symbol auf dieser Testseite.

      Danke für die Testseite. Auf die Idee hätte ich auch kommen können.

      Also, @all: Bitte fleißig ausprobieren und die Ergebnisse hier mitteilen. Danke.

      Bis demnächst
      Matthias

      --
      Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
      1. problematische Seite

        Hallo Matthias, hallo Gunnar,

        Also, @all: Bitte fleißig ausprobieren und die Ergebnisse hier mitteilen. Danke.

        Der Sailfishbrowser (mobile Gecko-Version 31) erkennt die Ziffernfolge der Testseite nicht als Telefonnummer.

        Viele Grüße
        Robert

      2. problematische Seite

        Hallo Matthias,

        MS Edge[1] erkennt die Telefonnummer, scheint allerdings kein tel: davorzustellen...

        Testseite ohne Telefon-Symbol

        Firefox (Desktop und Android), Chrome (Desktop und Android), IE(11) und Vivaldi versuchen (glücklicherweise) keine Telefonnummern als solche zu erkennen.

        Gruß
        Julius



        1. Der Bursche gibt sich als „Microsoft Edge 25.10586.0.0\\ Microsoft EdgeHTML 13.10586“ aus.. ↩︎

        1. problematische Seite

          Hallo Julius,

          MS Edge erkennt die Telefonnummer, scheint allerdings kein tel: davorzustellen...

          Ja, dieses Verhalten hat Microsoft so spezifiziert: „Links created through format detection do not affect the content or layout of the Document Object Model (DOM).

          Bis demnächst
          Matthias

          --
          Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
    2. problematische Seite

      Moin,

      sollte auf der Testseite die Rufnummer nicht von einem a Element umschlossen sein?

      <p>Unter (089) 32168 herrscht Konjunktur die ganze Nacht.</p>
      

      Fred

      --
      Tag ein, Tag aus, Webseiten-Entwickler beklagt monotone Arbeit.
      1. problematische Seite

        Hallo Fred,

        sollte auf der Testseite die Rufnummer nicht von einem a Element umschlossen sein?

        <p>Unter (089) 32168 herrscht Konjunktur die ganze Nacht.</p>
        

        Nö - es geht darum zu testen, ob Telefonnummern automatisch umgewandelt werden.

        Bis demnächst
        Matthias

        --
        Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
      2. problematische Seite

        @@Fred

        sollte auf der Testseite die Rufnummer nicht von einem a Element umschlossen sein?

        <p>Unter (089) 32168 herrscht Konjunktur die ganze Nacht.</p>
        

        Es geht gerade darum, dass einige Browser manche Ziffernfolgen als Telfonnummern erraten und anclickbare Links daraus machen.

        LLAP 🖖

        --
        “You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
        Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|
        1. problematische Seite

          Okay, jetzt hab ich es. Das Handy macht einen Link daraus und durch das Style wird ein ☎ davor gesetzt.

          Nicht so auf dem Samsung S4 mit Chrome V51.0.2704.81

          Fred

          --
          Tag ein, Tag aus, Webseiten-Entwickler beklagt monotone Arbeit.