Jack Huynh

Posted on Feb 23, 2023

Zooming PDF iframe on Iphone

#html #webdev

Have you ever embedded a PDF file using iframe in your website?

Yes??

Great! Did you manage to get the PDF file shows up?

Desktop

Android

Duh, anyone can do that

Okay, then did you test it on Iphone devices?

Why it's works fine on Android?

Oh my, you should come here and take a look

Can't scroll or zoom out, this is broken

Why??????

Solution

Okay there is no time to panic, we need to fix this before the boss see it.

But how???

We'll using the Google Docs Viewer it's merely a URL which allows you to preview a document while passing the link of a file to it.

<iframe src="https://docs.google.com/viewer?url=[FILE_URL]&embedded=true"></iframe>

And boom everything works again

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

7 Must-Try Open-Source Tools for Python and JavaScript Developers 🚀

Arindam Majumder - Dec 12 '24

How to Filter multiple Posts in WordPress by tag Using AJAX, without using any plugin

Rehmatullah Khan - Dec 5 '24

Create an Interactive Eraser Tool with HTML5 Canvas 🚀

A0mineTV - Dec 4 '24

Build a Single Page Application (SPA) Using HTML, CSS & JavaScript - No Frameworks Needed

sharathchandark - Jan 1

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

DEV Community