Загрузка внешних. js (github) библиотек в codepen - PullRequest
Новая
       27

Загрузка внешних. js (github) библиотек в codepen

0 голосов
/ 15 февраля 2020

Newb ie вопрос от дизайнера UX, пытающегося заставить это работать в течение 2 дней.

Я пытаюсь проверить сценарий Мэтью Дава в codepen https://github.com/Matthew-Dove/Inject

Я скопировал необработанный файл github с помощью jsdelivr в настройки пера. Когда я нажимаю на значок глаза, я вижу файл. js.

settings picture

Я скопировал пример кода, предоставленный Мэтью, на панель html.

enter image description here

Но, как вы можете видеть на изображении выше, сайт не вводится. Мой кодовый указатель https://codepen.io/lisatw/pen/oNXxgMR 

<html lang="en">
<head>
<meta charset="utf-8">
<meta content="initial-scale=1,width=device-width" name="viewport">
<title>Inject</title>
</head>
<body>
<h4>Below this heading the world's first website will be injected</h4>

<div data-inject-src="http://info.cern.ch/" style="height: 175px;"> </div>

<h4>Above this heading the world's first website will be injected</h4>


</body>
</html>

Я пытался звонить в js библиотеку 

<script src="./inject.js"></script>
* 1030 и без нее. Любая помощь может быть оценена.

1 Ответ

1 голос
/ 15 февраля 2020

Когда вы добавляете скрипт в CodePen по URL-адресу, этот URL-адрес будет вставлен, как и раньше </body>. Нет необходимости явно добавлять скрипт следующим образом: 

<script src="./inject.js"></script>

Поскольку сразу после этого CodePen автоматически добавляет другой скрипт: 

<script src="https://cdn.jsdelivr.net/gh/Matthew-Dove/Inject@master/src/inject.js"></script>

Но код не работает по другой причине , Эта проблема относится даже к примеру https://rawgit.com/Matthew-Dove/Inject/master/src/example.html Мэтью, API-интерфейсы Yahoo (https://query.yahooapis.com/v1/public/yql) под капотом больше не доступны. https://twitter.com/ydn/status/1079785891558653952

К сожалению, с этим ничего не поделаешь.

...