Встроить веб-сайт с использованием JavaScript в новые Сайты Google - PullRequest
Новая
       40

Встроить веб-сайт с использованием JavaScript в новые Сайты Google

0 голосов
/ 02 марта 2019

Следующий код загружает несколько внешних js-файлов и прекрасно работает на моем веб-сервере: 

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
<body>
    <div>
        <canvas id="myCanvas"></canvas>
        <script src="https://drive.google.com/uc?export=download&id=1lISKkEz4JTrPEFWKqpid-6sBByLP3wPY">
        </script>
        <script src="https://drive.google.com/uc?export=download&id=1lRAFdKQNu3YhBBDNEtj2WKDuLVM290pp">
        </script>
    </div>
</body>

При встраивании этого кода в новые Сайты Google создается пустой холст.

Для исправления ясоздал веб-страницу с запущенным только кодом javascript и попытался встроить ее в качестве iframe в Сайты Google, используя следующий код: 

<p align="center">
<iframe id="Bubbles"
    title="Bubbles"
    width="70%"
    height="250"
src="http://edtech2.boisestate.edu/joshuawatson/hiddenpage2.html">
</iframe>
</p>

Этот код также хорошо работает на моем веб-сервере (на что указывает обращение к srcстраницы и видя рабочую анимацию), но все равно выдает пустую рамку в новых Сайтах Google.

Любые идеи о том, как можно запустить этот скрипт на новых Сайтах Google?

Обратите внимание, чтоэто буквально «игрушечный» пример, сам скрипт, который я пытаюсь запустить, более сложен и специфичен для моих нужд.

1 Ответ

0 голосов
/ 02 марта 2019

Я выложу ответ для всех, кому это нужно, но это не так уж интересно.

Первая проблема заключается в том, что некоторые браузеры (например, Google Chrome) не загружаются небезопасноскрипты без явного разрешения.

Вторая проблема заключается в том, что первоначально отправленный мной сервер отклонил запросы iframe из других доменов.

Размещение страницы в виде встроенного iframe со страниц Github решило обе эти проблемы для меня.Я создал пример страницы Github для демонстрации ниже:

Например: 

<p align="center">
<iframe id="Bubbles"
    title="Bubbles"
    width="70%"
    height="250"
src="https://uploadbakonbox.github.io/">
</iframe>
</p>
...