我尝试将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
网站不允许使用http
URL加载脚本。
因此,如果您的网站使用http
,脚本将被加载http
。如果您的网站使用https
,它将被加载https
。
但是,如果您的站点不在服务器上,并且已使用file:///
协议打开,那么它将在您的计算机上找不到该资源,因此您需要指定要使用的协议。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句