![图片[1]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2022/08/20220810065625333-1024x570.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
相关阅读
在网络安全入门的探讨中,推荐了Pico ctf
在上期视频中,我们带大家来玩转GDB调试器
今天我们将进入web领域,简单了解HTML、CSS、JavaScript概念,然后从中寻找flag
题目
你能拿到flag吗?
进入下面的页面寻找flag
视频讲解
今天我们将大家来了解HTML、CSS、JavaScript前端相关的基础知识,并在页面中寻找flag
图文讲解
这里解题的思路非常简单,我们可以先右键查看网页源代码
![图片[2]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2022/08/20220810070408681-1024x481.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
我们看到页面上有引用的CSS、JS文件,分别打开
- style.css
- script.js
![图片[3]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2022/08/20220810070428638.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
在打开style.css时,可以发现有pico ctf的flag前半部分
![图片[4]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2022/08/20220810070510657.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
在打开script.js,可以发现pico ctf的flag后半部分
![图片[5]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2022/08/20220810070539325.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
组合在一起就是最后的flag了
picoCTF{1nclu51v17y_1of2_f7w_2of2_b8f4b022}
在这里可以顺便学习一下css和js的注释方式,虽然在我们使用的vscode代码编辑器中,我们通常可以使用ctrl
+/
进行快速注释,但是我们还是要记一下css、js的注释方式,玩一哪天需要你手撸代码呢?
- css的注释
/* 注释内容 */
- js的注释
// 注释内容
© 版权声明
THE END
- 最新
- 最热
只看作者