greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/chinese/miscellaneous/known-issues-with-codepen/index.md

2.4 KiB
Raw Blame History

title localeTitle
Known Issues with Codepen Codepen的已知问题

鼓励免费的Code Camp学习者使用Codepen.io来组合项目，Codepen是快速组合可用代码的绝佳资源。但是，Codepen确实在调试代码的过程中引入了额外的抽象级别。如果您不了解它们，可以在Codepen中解决一些已知的问题：

  1. 锚标记的URL问题： CodePen会覆盖<a href='URL'>锚元素，这意味着您必须向锚元素添加target='_blank' - 否则它们将无效。
  2. **https插件问题：**已知Chrome扩展程序“HTTPS Everywhere”（由Electronic Frontiers Foundation创建）会干扰AJAX调用。由于扩展程序自动使用HTTPS，因此可能会导致“混合内容”错误，从而阻止加载JSON / XML数据。如果您遇到这样的错误，请确保您的插件不是罪魁祸首。您可以选择使用crossorigin.me作为代理。
  3. **imgur hotlinking：**如果您使用来自http://imgur.com的图片，他们大多数时间都不会出现，这是由于他们的服务条款。解决此问题的方法是使用像http://postimg.org这样的替代服务
  4. **自动重新加载：**默认情况下，每次在HTML或JS编辑器窗口中进行更改时，预览窗口都会刷新。你可以通过转到设置>行为>“想要一个运行按钮？”来关闭它并启用“运行按钮”。并且解开盒子。
  5. **location.reload：**如果在调试视图或JSFiddle中遇到代码问题，但在Codepen编辑器视图或完整页面视图中没有问题，请仔细检查是否使用了location.reload() 。如果你这样做，你必须找到另一种方法来实现所需，因为Codepen将剥离location.reload并在代码中保留only () 。 在这里阅读更多：
  6. 显示图像，添加css / js文件，托管在Github上：您可能希望包含在Github上托管的Codepen项目样式表，图像或js文件中。如果您将文件的Github链接添加到Codepen中的设置，或者添加到您的html / css中，它将无法开箱即用。你需要做的是：
    1. 转到文件的“Raw”版本
    2. 复制URL
    3. 更改raw.githubusercontent.com到rawgit.com
    4. 使用该URL链接到github上托管的文件