javascript - 在本地机器上运行 codepen 元素的问题

Question

我正在尝试获取 https://codepen.io/SpacecaseArtist/project/editor/DQWYxo到我的本地机器上玩它。

我点击了右下角的导出，并下载了 zip。我将 zip 解压缩到一个文件夹中，然后在浏览器中打开 index.html。当我打开它时，映入我眼帘的是一个可滚动的空白页面，只有一个标题，除此之外别无其他。

我的第一个想法是肯定有一些错误导入的 Assets ，所以我查看了 index.html 文件，发现:

<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>

这些 .cdpn.io cns 是否有什么东西导致我无法在我的本地机器上运行它？我该如何解决这个问题？

Answer 1

只需添加一个本地路径:

<script src="path/to/file.js"></script>

以上是部分绝对链接 - 要使它们正常工作，您需要 Internet 并在 //:

之前添加 https:

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>