PDF in mobilen Browsern einbetten

Question

Ich habe den unten stehenden Code, der eine perfekte Lösung für das ist, was ich brauche, nämlich das Einbetten von JPG-, GIF-, PNG- oder PDF-Dateien in meine Webseiten. Es funktioniert perfekt in PC-Browsern, aber eine wichtige Voraussetzung für die Seiten ist, dass sie aufgrund ihrer Zielbenutzer in mobilen Browsern kompatibel sind.

Obwohl Bilddateien einwandfrei funktionieren, werden PDF-Dateien im mobilen Browser separat geöffnet und nicht in die Webseite eingebettet. Was wäre eine alternative Lösung oder Implementierung dazu?

Answer 1

Sie können die PDFJs-Bibliothek verwenden. Mit nur JS können Sie PDF-Dateien rendern. Bitte überprüfen Sie hier: https://mozilla.github.io/pdf.js/

Answer 2

Ich stieß auf das gleiche Problem. Als neuer Entwickler war mir nicht bewusst, dass mobile Browser Probleme beim Einbetten von PDF-Dateien in Iframes haben. Ich bin jetzt ... lol

Ich racked meine Ressourcen, um dies zu arbeiten, als es mir dämmerte, dass mobile Browser kein Problem haben, PNG-Dateien in einem neuen Fenster anzuzeigen. Also habe ich in meiner unendlichen Weisheit die PDF-Dateien in Gimp 2.0 geöffnet und sie dann als PNG-Dateien exportiert. Und dann habe ich Schaltflächen erstellt, auf die der Benutzer klicken kann, und jetzt öffnet er die Grafik, anstatt zu versuchen, das PDF einzubetten. sieht wie folgt aus:

<input class="AG" id="UnityBtn" type="button" value="Unity" onclick="location.href='../Meeting_Info/Unity.png'" /> 

Ich weiß nicht, ob dies für Sie möglich ist, aber es funktionierte für mich schön.