如何在我的网页中嵌入CodePen?

海因·德·维尔德

我尝试将CodePen(来自codepen.io)添加到我的网页,但是没有显示出我想要的方式。它仅显示文本:“在CodePen上看到笔...”。我添加的图片显示了CodePen上的嵌入窗口。

如何正确嵌入笔,使其完全显示在我的网页上?抱歉,如果这是一个愚蠢的问题,我仍然是HTML中的一个完整的菜鸟。

布莱克斯

要在本地使用,请替换

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

<script async src="http://assets.codepen.io/assets/embed/ei.js"></script>

为什么?

如您所见,默认脚本src以开头//assets...

他们删除了URL中的协议,以便它自动匹配您自己的协议。这是常见的做法,因为https网站不允许使用httpURL加载脚本

因此,如果您的网站使用http,脚本将被加载http如果您的网站使用https,它将被加载https

但是,如果您的站点不在服务器上,并且已使用file:///协议打开,那么它将在您的计算机上找不到该资源,因此您需要指定要使用的协议。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在我的网页中嵌入 google vr 图像作为背景

来自分类Dev

如何在网页中嵌入绘图交互图

来自分类Dev

我如何在C中嵌入python?

来自分类Dev

如何让我的网页以与 Codepen 上的显示方式相同的方式显示?

来自分类Dev

我如何将此m3u8嵌入到我的网页中?

来自分类Dev

如何在网页中的mandrillapp中隐藏我的私钥

来自分类Dev

如何在网页中的mandrillapp中隐藏我的私钥

来自分类Dev

如何在iPhone上播放嵌入在网页中的html5视频?

来自分类Dev

如何在python中刮取网页上的嵌入式脚本

来自分类Dev

我们如何在sphinx文档中嵌入图像?

来自分类Dev

我如何在Chrome扩展程序中嵌入网站

来自分类Dev

如何在我的Clojure应用程序中嵌入REPL?

来自分类Dev

如何在我的引导程序exe中嵌入MSI

来自分类Dev

如何在我的vuejs组件中嵌入JavaScript代码?

来自分类Dev

我如何在烧瓶中嵌入nnv图?

来自分类Dev

我如何在Tableau中嵌入状态图

来自分类Dev

如何在我的Clojure应用程序中嵌入REPL?

来自分类Dev

如何在我的网站中嵌入Facebook Like Box?

来自分类Dev

如何查看从哪里调用我的网页(嵌入的地方)?

来自分类Dev

我需要在网页中嵌入Excel文件

来自分类Dev

如何在网页上嵌入新的GIFV格式?

来自分类Dev

如何访问网页中的嵌入式pdf文件

来自分类Dev

如何在我的网页中显示我的 Open Weather Map API 查询的响应?

来自分类Dev

如何在我从代码中获得的 csv 文件中打印网页抓取结果

来自分类Dev

如何在Wordpress中实现Codepen jQuery脚本?

来自分类Dev

如何在JSF(Primefaces)中重新加载图片而不刷新我的网页

来自分类Dev

如何在CSS中为完整尺寸的页面固定我的网页背景封面?

来自分类Dev

如何在JSF(Primefaces)中重新加载图片而不刷新我的网页

来自分类Dev

我如何在我的网页上允许Google请求

Related 相关文章

  1. 1

    如何在我的网页中嵌入 google vr 图像作为背景

  2. 2

    如何在网页中嵌入绘图交互图

  3. 3

    我如何在C中嵌入python?

  4. 4

    如何让我的网页以与 Codepen 上的显示方式相同的方式显示?

  5. 5

    我如何将此m3u8嵌入到我的网页中?

  6. 6

    如何在网页中的mandrillapp中隐藏我的私钥

  7. 7

    如何在网页中的mandrillapp中隐藏我的私钥

  8. 8

    如何在iPhone上播放嵌入在网页中的html5视频?

  9. 9

    如何在python中刮取网页上的嵌入式脚本

  10. 10

    我们如何在sphinx文档中嵌入图像?

  11. 11

    我如何在Chrome扩展程序中嵌入网站

  12. 12

    如何在我的Clojure应用程序中嵌入REPL?

  13. 13

    如何在我的引导程序exe中嵌入MSI

  14. 14

    如何在我的vuejs组件中嵌入JavaScript代码?

  15. 15

    我如何在烧瓶中嵌入nnv图?

  16. 16

    我如何在Tableau中嵌入状态图

  17. 17

    如何在我的Clojure应用程序中嵌入REPL?

  18. 18

    如何在我的网站中嵌入Facebook Like Box?

  19. 19

    如何查看从哪里调用我的网页(嵌入的地方)?

  20. 20

    我需要在网页中嵌入Excel文件

  21. 21

    如何在网页上嵌入新的GIFV格式?

  22. 22

    如何访问网页中的嵌入式pdf文件

  23. 23

    如何在我的网页中显示我的 Open Weather Map API 查询的响应?

  24. 24

    如何在我从代码中获得的 csv 文件中打印网页抓取结果

  25. 25

    如何在Wordpress中实现Codepen jQuery脚本?

  26. 26

    如何在JSF(Primefaces)中重新加载图片而不刷新我的网页

  27. 27

    如何在CSS中为完整尺寸的页面固定我的网页背景封面?

  28. 28

    如何在JSF(Primefaces)中重新加载图片而不刷新我的网页

  29. 29

    我如何在我的网页上允许Google请求

热门标签

归档