【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript

图片[1]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog

相关阅读

在网络安全入门的探讨中,推荐了Pico ctf

在上期视频中,我们带大家来玩转GDB调试器

今天我们将进入web领域,简单了解HTML、CSS、JavaScript概念,然后从中寻找flag

题目

你能拿到flag吗?
进入下面的页面寻找flag

视频讲解

今天我们将大家来了解HTML、CSS、JavaScript前端相关的基础知识,并在页面中寻找flag

图文讲解

这里解题的思路非常简单,我们可以先右键查看网页源代码

图片[2]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog

我们看到页面上有引用的CSS、JS文件,分别打开

  • style.css
  • script.js
图片[3]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog

在打开style.css时,可以发现有pico ctf的flag前半部分

图片[4]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog

在打开script.js,可以发现pico ctf的flag后半部分

图片[5]-【视频讲解】PicoCTF 2022 HTML, CSS & JavaScript-FancyPig's blog

组合在一起就是最后的flag了

picoCTF{1nclu51v17y_1of2_f7w_2of2_b8f4b022}

在这里可以顺便学习一下css和js的注释方式,虽然在我们使用的vscode代码编辑器中,我们通常可以使用ctrl+/进行快速注释,但是我们还是要记一下css、js的注释方式,玩一哪天需要你手撸代码呢?

  • css的注释 /* 注释内容 */
  • js的注释// 注释内容

© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享
评论 共2条

请登录后发表评论