css - codepen 禁用外部图像链接

标签 css codepen

我正常使用 codepen,我正在将 imgur 图片链接到 imgur 或 GoogleDrive,它们都可以工作,但一段时间后它们不再出现,这可能是什么?已配置为公开访问。

<https://codepen.io/Cleston/pen/zyxGdL>

最佳答案

来自 imgur.com 的图像在 CodePen 中不起作用,因为它们 (Imgur) 阻止了来自 CodePen 的 Referer。如果您的浏览器缓存了图像,它们将显示在您的 CodePen 中。但最终缓存将被删除,您的图像将不再显示。您可以通过查看浏览器开发工具中的网络调用来验证这一点。加载图像时状态代码为 200(来自磁盘缓存)

如果您删除缓存(或以隐身模式打开新标签),当浏览器尝试加载图像时,您会收到 403 Forbidden,因为 imgur 拒绝将这些图像提供给 CodePen。

关于css - codepen 禁用外部图像链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53724624/

相关文章:

javascript - 请问有人可以批评这个邮票卡代码笔吗?

html - Codepen 仪表板不显示 iframe 中的内容

javascript - ClassList 切换在 React 中不起作用。我究竟做错了什么?

css - 为什么 <li> 标签放错地方了?

javascript - 有效的 Javascript 片段无法在 codepen 或 jsfiddle 上运行?

css - @font-face 和 font-variant 坏主意?

html - 将图像定位在底部与导航内联

javascript - 单击选择按钮上的选项时如何显示图像?

html - 使用css使链接图像旋转90度

html - CSS 背景图片不会加载 Django 2.1.2