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

4.3 KiB
Raw Blame History

title localeTitle
Known Issues with Codepen Известные проблемы с Codepen

Учащимся Free 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, они не будут отображаться большую часть времени, это связано с их TOS. Способ решения этой проблемы - использовать альтернативный сервис, например http://postimg.org
  4. auto reload: по умолчанию каждый раз, когда вы вносите изменения в окна редактора HTML или JS, окно предварительного просмотра обновляется. Вы можете отключить эту функцию и включить «кнопку запуска», перейдя в «Настройки»> «Поведение»> «Хотите кнопку« Выполнить »? и освободить коробку.
  5. location.reload: если вы столкнулись с проблемой своего кода, работающего в режиме отладки или в JSFiddle, но не в представлении редактора Codepen или полном просмотре страницы, проверьте, используется ли location.reload() . Если вы это сделали, вам нужно найти другой способ добиться желаемого, потому что Codepen разделит location.reload и оставит только () в вашем коде. Подробнее здесь:
  6. отображать изображения, добавлять файлы css / js, размещенные в Github: вы можете захотеть включить в свою таблицу стилей проекта, образ или файл js, размещенный в Github. Если вы добавите ссылку Github вашего файла в свои настройки в Codepen или в свой html / css, он не будет работать из коробки. Что вам нужно сделать:
    1. Перейдите в версию «Raw» файла
    2. Скопируйте URL-адрес
    3. Изменить raw.githubusercontent.com на rawgit.com
    4. используйте этот URL для ссылки на файлы, размещенные на github