<embed> เทียบกับ <object>

แท็กที่ถูกต้อง / ดีที่สุดที่จะใช้ในไฟล์ HTML ของฉันคืออะไรเมื่อฉันต้องการแสดง Adobe PDF viewer

ตอนนี้ฉันกำลังใช้รหัสด้านล่าง แต่มีผลข้างเคียงที่แปลก (เช่นดูเหมือนว่าจะขโมยโฟกัสเริ่มต้นที่ฉันตั้งไว้ที่<input>กล่องข้อความอื่นดูเหมือนว่าจะเล่นได้ไม่ดีนักกับ jQueryUI Resizeable class; ฯลฯ )

<embed src="abc.pdf" type="application/pdf" />

ฉันสามารถทำสิ่งเดียวกันกับ<object>แท็กได้หรือไม่ มีข้อดี / ข้อเสียในการใช้แท็กหนึ่งกับอื่น ๆ หรือไม่

OBJECT vs. EMBED - ทำไมไม่ใช้ embed เสมอ

บรรทัดล่าง: วัตถุประสงค์คือดี, EMBED เก่า นอกเหนือจากแท็ก PARAM ของ IE เนื้อหาใด ๆ ระหว่างแท็ก OBJECT จะแสดงผลถ้าเบราว์เซอร์ไม่สนับสนุนปลั๊กอินที่อ้างถึงของ OBJECT และเห็นได้ชัดว่าเนื้อหานั้นได้รับการร้องขอ http โดยไม่คำนึงว่าจะแสดงผลหรือไม่

objectเป็นแท็กมาตรฐานปัจจุบันเพื่อฝังบางสิ่งบางอย่างในหน้า embedถูกรวมโดย Netscape (ไปด้วยimg)ก่อนที่ทุกอย่างobjectจะอยู่ในใจของw3c

นี่คือวิธีที่คุณรวม PDF ด้วยobject :

<object data="data/test.pdf" type="application/pdf" width="300" height="200">
  alt : <a href="data/test.pdf">test.pdf</a>
</object>

หากคุณต้องการอินไลน์ PDF เพื่อแสดงในเกือบทุกเบราว์เซอร์เนื่องจากเบราว์เซอร์รุ่นเก่าเข้าใจembedแต่ไม่objectจำเป็นต้องทำดังนี้:

<object data="abc.pdf" type="application/pdf">
    <embed src="abc.pdf" type="application/pdf" />
</object>

รุ่นนี้ไม่ตรวจสอบ

ตัวเลือกอื่น ๆ :

<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>

<object type="application/pdf" data="#request.localhost#_includes/filename.pdf" 
        width="100%" height="100%">
  <param name="src" value="#request.localhost#_includes/filename.pdf">
</object>

คุณสามารถใช้วิธี iframe ได้แม้ว่าจะไม่เข้ากันได้กับเบราว์เซอร์ข้าม (เช่นไม่ทำงานในโครเมียมหรือ Android และอาจเป็นอย่างอื่น -> ให้ทำการดาวน์โหลดแทน) ใช้งานได้กับ dataURL และ URLS ปกติไม่แน่ใจว่าตัวอย่างอื่น ๆ ใช้งานได้กับ dataURLS หรือไม่ (โปรดแจ้งให้เราทราบว่าอีกตัวอย่างหนึ่งทำงานกับ dataURLS หรือไม่)

 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>

น่าจะเป็นโซลูชันเบราว์เซอร์ข้ามที่ดีที่สุดสำหรับการแสดงผล pdf บนหน้าเว็บคือการใช้รหัสโครงการ Mozilla PDF.js มันสามารถเรียกใช้เป็นบริการ node.js และใช้ดังต่อไปนี้

<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>

บทช่วยสอนเกี่ยวกับวิธีใช้ pdf.js สามารถพบได้ในบทความบล็อก ejectamenta นี้

การฝังไม่ใช่แท็กมาตรฐานแม้ว่าวัตถุจะเป็น นี่คือบทความที่ดูเหมือนว่าจะช่วยคุณได้เนื่องจากดูเหมือนว่าสถานการณ์จะไม่ง่ายนัก ตัวอย่างของ PDF รวมอยู่ด้วย