请问项目做完后的CDN链接测试怎么操作?

请问项目做完后的CDN链接测试怎么操作?
0

我在codepen已经做了项目,但是不知道怎么操作测试。引擎搜索了很久也只找到一个在线测试的网站,还是不知道怎么操作。用谷歌打开CDN链接也是源码,请知道怎么操作项目测试的大佬告知 一下,谢谢!

image

我自己琢磨了几个小时,阅读官方提供的源码和编辑codepen的界面,发现官方给的致敬页js界面有“(Babel)”字样,然后在谷歌查找了关于codepen链接js文件的结果,机缘巧合下发现了一个大佬介绍codepen的css、html和js控制版面的帖子https://www.zhangxinxu.com/wordpress/2012/07/codepen-jsfiddle/。

然后我就结合以上两者的情况用自己的项目尝试了一下:打开codepen点击settings
在这个界面下点击JS-在下拉框选择Bable-把项目要求中的CDN链接https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js复制到如下图的框里 点击save&closed

看到预览界面有显示测试框就可以了

image
测试框我做的是致敬页,下拉框也是选择“Tribute Page”然后点击“Run test”就可以看到结果,ps:我的项目只完成了6个要求。还要继续努力!

以上就是在codepen环境下项目做完后的测试操作环节,在链接的这个过程接触到js的 部分知识,也算收获满满。
感谢讲解codepen使用界面的帖子,给我一定的灵感。

访客只能贴一张图,所以我会另外写一个贴子链接到这里。

https://blog.csdn.net/m0_48416083/article/details/107582612
这个是我关于这个问题的笔记链接,大家有在codepen环境下链接CDN测试的问题可以查看这个笔记。

1赞

谢谢分享,我也测试了自己写的页面 :blush:

我当时也在这里卡了好久。。
感觉这个不是中文翻译的锅,因为英文原文就是这么写的。
FCC 倡导的学习方式是 read-search-ask,比如新手不知道 CDN 是啥,就需要去搜索。