Als ik me niet vergis, biedt Google Docs de mogelijkheid om een PDF weer te geven die op dezelfde server is opgeslagen als de webpagina via een <iframe>, maar ik moet weten hoe Ik kan dit doen op een manier die compatibel is met meerdere browsers.
Antwoord 1, autoriteit 100%
Je zou kunnen overwegen om PDFObjectvan Philip Hutchison te gebruiken.
Als u op zoek bent naar een niet-Javascript-oplossing, kunt u ook de volgende opmaak gebruiken:
<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
<p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p>
</object>
Antwoord 2, autoriteit 18%
PDF.jsis een HTML5-technologie-experiment dat onderzoekt hoe een betrouwbaar en efficiënt draagbaar document kan worden gebouwd Formatteer (PDF) renderer zonder native code-hulp. Het is community-gedreven en wordt ondersteund door Mozilla Labs.
Je kunt de demo hierbekijken.
Antwoord 3, autoriteit 13%
Dit werkt misschien iets beter op deze manier
<embed src= "MyHome.pdf" width= "500" height= "375">
Antwoord 4, autoriteit 4%
Als ik me niet vergis, vroeg de OP (hoewel ze later een .js-oplossing accepteerde) of de ingesloten PDF-weergaveserver van Google een PDF op zijn eigen website zal weergeven.
Dus anderhalf jaar later: ja, dat zal wel.
Zie http://googlesystem.blogspot.ca/2009 /09/embeddable-google-document-viewer.html. Zie ook https://docs.google.com/vieweren voer de URL van het bestand in u wilt weergeven.
Bewerken: als ik het zo lees, vroeg OP om oplossingen die geen iFrames gebruiken. Ik denk niet dat dat mogelijk is met Google’s viewer.
Antwoord 5, autoriteit 2%
probeer het met Flex Paperhttp://flexpaper.devaldi.com/
het werkt als scribd
Antwoord 6
Zorg ervoor dat u elke oplossing test met verschillende Reader-voorkeuren. Een sitebezoeker kan zijn browser hebben ingesteld om de PDF in Reader/Acrobat te openen in plaats van in de browser, bijvoorbeeld door de Acrobat-plug-in in Firefox uit te schakelen.
Ik ben niet zeker van mijn resultaten, omdat ik twee verschillende Acrobat-plug-ins heb die Firefox herkent omdat ik verschillende versies van Adobe Acrobat en Adobe Reader heb, maar het lijkt erop dat u op zijn minst moet testen wat er gebeurt als een websitebezoeker heeft zijn browser ingesteld om de PDF niet in de browser te openen. Het kan behoorlijk vervelend zijn als ze kijken naar wat lijkt op een anderszins bruikbare webpagina en hun browser zeurt om een PDF-bestand te openen waarvan ze denken dat ze er niet om hebben gevraagd. In sommige gevallen werd het PDF-bestand spontaan geopend in Adobe Reader, niet in de browser, en in andere gevallen gaf de browser een dialoogvenster weer waarin stond dat het bestand niet bestond.
Ik kwam zulke mismatches tegen met zowel iframe als object, verschillende problemen voor verschillende code.
Dit is voor eenvoudige HTML-code. Ik heb de voorgestelde kaders niet geprobeerd.
Antwoord 7
met bootstrap kunt u een responsief en mobiel eerst ingesloten bestand hebben.
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="address of your file" allowfullscreen></iframe>
</div>
Aspect ratios can be customized with modifier classes.
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
Antwoord 8
Ik zou echt kiezen voor flowpaper, vooral hun nieuwe elementenmodus die hier te vinden is:
https://flowpaper.com/demo/
Het plattelt de PDF’s aanzienlijk op hetzelfde moment als het bijhouden van tekstscherp, wat betekent dat het veel sneller op mobiele apparaten zal laden
Antwoord 9
pdf2htmlex door Coolwanglu is waarschijnlijk de beste oplossing om een PDF-bestand in HTML te converteren. U kunt een eenvoudige converteren en vervolgens de HTML-pagina insluiten als een IFRAME of iets dergelijks.