Почему iframe c drive google viewer отображают документы PDF через раз?

Ссылка скопирована
10 марта 2026 1 ответ

Добрый день!

Документы, загруженные через iframe c drive.google.com отображаются через раз с мобильного устройства. На десктопе проблем нет. Документ небольшой, всего 2-3 страницы. С андроидом вообще не замечала проблем, а с айфона то грузит по 2 минуты, то вообще не открывает, то захожу открывает за секунду. Как-то это решается? Есть ли альтернативы решения?

<iframe id="frame-pdf" src="https://drive.google.com/viewerng/viewer?embedded=true&url=<?php echo $fileUrl; ?>" style="display:block;margin:0 auto;width: 100%; " frameborder="0">Ваш браузер не поддерживает фреймы</iframe>

<iframe id="frame-pdf" src="https://drive.google.com/viewerng/viewer?embedded=true&url=<?php echo $fileUrl; ?>" style="display:block;margin:0 auto;width: 100%; " frameborder="0">Ваш браузер не поддерживает фреймы</iframe>

В консоли есть такие ошибки, но они тянутся с самого сайта гугл драйв

Почему iframe c drive google viewer отображают документы PDF через раз?

Дополнительно:

Что вы сюда пихаете <?php echo $fileUrl; ?>? CSP - это ошибка нарушения политики безопасности контента. Вы, либо отправляете документ с левого IP, который не зарегистрирован ни под одним доменом, либо хостите файл на http, либо ваш http-сервер, как шмара на шоссе, открыт всем вертам. Ох уж этот Гугл, никак не починит красное в консоли.

  • Спасибо за ваш ответ. Я не могу в пост добавить полную ссылку, но выглядит примерно так https://dev.site.ru/upload/file.pdf

    Хочу отметить, что ошибка не является препятстивем для открытия pdf-файла. Я приложила скрин, так как понятия не имею что это за ошибки и они не на стороне моего кода. Все открывает, мой вопрос заключается в том, почему эти документы открываются через раз. Эта проблема оказывается не только у меня.

  • Ответы:

    Боролся много лет назад с этим. Решил через таймаут + onerror iframe
    Проверяю загрузился ли фрейм за n секунд, если нет , пробую повторно загрузить
    К слову ответ при ошибке от Гугла - 204 у меня был

    ну Вы же сами ответили на вопрос - красным это и есть ответы

    а что да как - надо ресерчить, может маршрут такой, может кто-то что-то подменяет, полно причин

    • Эти ошибки происходят именно от самого гугл драйва, если даже тупо перейти по ссылке на гугл драйв с этим pdf файлом. Думаете, из-за этих ошибок может быть такие перебои в мобилке? На десктопе все работает прекрасно с этими же ошибками.
    • я думаю секурность браузера Эппла + нехватка ресурса для рендеринга

      вообще хорошо бы чтобы ошибок не было

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Проблема с отображением документов PDF через iframe с помощью Google Viewer может быть вызвана несколькими причинами. Вот несколько возможных причин и способы их решения:

    1. **Проблемы с загрузкой документа**: Возможно, что проблема связана с неполным или некорректным загрузкой документа. Убедитесь, что ссылка на документ PDF корректна и документ загружается полностью.

    2. **Проблемы с кешированием**: Иногда проблема может быть связана с кешированием. Попробуйте очистить кеш браузера и повторно загрузить страницу с iframe.

    3. **Проблемы с поддержкой браузером**: Некоторые браузеры могут иметь проблемы с отображением документов PDF через iframe. Убедитесь, что вы используете совместимый браузер и обновите его до последней версии.

    4. **Проблемы с самим Google Viewer**: Возможно, проблема связана с самим сервисом Google Viewer. Попробуйте использовать другой сервис или способ отображения документов PDF на вашем сайте.

    Пример использования iframe для отображения документа PDF с помощью Google Viewer в HTML:

     

    Если проблема сохраняется, попробуйте идентифицировать конкретные условия, при которых проблема возникает (например, определенный тип документа PDF, определенный браузер и т. д.) и обратитесь к документации Google Viewer или сообществу разработчиков для получения более подробной помощи.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно