Eingebundenes PDF auf mobilen Endgeräten geht nicht

Fragen und Diskussionen rund um Internet, Software und PC
Hans Klawun
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 57
Registriert: So 20. Dez 2020, 10:06

Eingebundenes PDF auf mobilen Endgeräten geht nicht

Ungelesener Beitrag von Hans Klawun »

So kurz vor den Feiertagen habe ich doch noch einmal eine Frage.

Eine eingebundene PDF-Datei in einer Webseite wird auf Android oder iOS nicht oder fehlerhaft angezeigt.

Versucht habe ich iframe, embeded, oder mit objekt
##
Mit dem Befehl <object width=“…“ height=“…“ type=“application/pdf“ data=“PFAD/NAME. ...
Sie können außerdem den <iframe>-Tag verwenden. ...
Ebenfalls können Sie den Tag <embed> verwenden, um eine PDF in Ihre Webseite einzubetten.
##

Gibt es eine Möglichkeit das ein PDF auf allen Endgeräten angezeigt wird ?

Danke
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Eingebundenes PDF auf mobilen Endgeräten geht nicht

Ungelesener Beitrag von Tommy Herrmann »

Hallo,

also ich habe mich da jetzt auch noch nicht wirklich schlau gemacht warum das so ist - aber nein - man kann das PDF nicht direkt anzeigen.

Ich musste aber auch die Erkenntnis gewinnen, dass man eine PDF-Datei z.B. im "Iframe" am mobilen Gerät nicht anzeigen lassen kann. Es wird sogleich eine App zur Anzeige der PDF Datei vorgeschlagen, wie z.B. der "Adobe Reader". Man muss also immer erst diese App öffnen oder das eben ablehnen, bevor man die Webseite überhaupt sehen kann.

Ich habe dann diese Lösung für mich erdacht.

Beispiel:

Auf dieser Seite zeige ich den Code für den Einbau eines Formulars als PDF-Datei in einem "Iframe" am Desktop:

https://www.mobirise-tutorials.com/Form ... mular.html

... am Smartphone dagegen nur einen Text-Link, den man zunächst anklicken muss.

Das habe ich mit diesen beiden IDs erreicht, denen ich die entsprechenden Anweisungen zur Anzeige in der CSS gegeben habe:

Code: Alles auswählen

@media (min-width: 992px) {
  #zeigeLink {
    display: none;
  }
}
#myFrame {
  width: 90%;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  #myFrame {
    display: none;
    margin-bottom: 0px;
  }
}


... und hier die HTML-Ausgabe mit den IDs:

Code: Alles auswählen

<p id="zeigeLink"><a href="http://www.mobirise-tutorials.com/Formular/PDF/Formular-Code.pdf" target="_blank" class="text-primary"><span class="mbri-mobile mbr-iconfont mbr-iconfont-btn"></span>Hier klicken um die PDF-Datei am Handy und mobilen Gerät zu betrachten</a>.</p></div>
                    
<div class="row justify-content-center">
    <iframe id="myFrame" src="./PDF/Formular-Code.pdf" height="500"></iframe>
</div>

PDF-Iframe-Link.JPG
Benutzeravatar
Werner-Zenk.de
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 755
Registriert: Di 8. Dez 2020, 19:42
Wohnort: Bamberg
Kontaktdaten:

Re: Eingebundenes PDF auf mobilen Endgeräten geht nicht

Ungelesener Beitrag von Werner-Zenk.de »

Eine PDF-Datei ist halt eine externe Datei und wird heruntergeladen.
Nur wenn es einen internen PDF-Reader im Browser gibt, wird diese auch angezeigt.
Der Firefox (Mobile) zeigt diese komische Meldung an.
Beim Edge (Mobile) hat man wenigstens die Möglichkeit die Datei im Browser anzuzeigen.
Aber das muss dann der Benutzer entscheiden ...

edge_mobile_pdf.png
Hans Klawun
Mitglied (Level 6)
Mitglied (Level 6)
Beiträge: 57
Registriert: So 20. Dez 2020, 10:06

Re: Eingebundenes PDF auf mobilen Endgeräten geht nicht

Ungelesener Beitrag von Hans Klawun »

Danke für die Informationen :tu:
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 19 Gäste