This Website has No Code, or Does it?

In this episode we'll explore the world of HTTP and CSS to hide some code.

✨ Info
➜ Tools used are: Adobe Animate, Adobe Premiere Pro, Adobe Illustrator & Audacity.
➜ VSCode: Monokai Pro Theme, Dank Mono Font.
➜ Video Production time: 40-ish hours.
➜ 4 Redbulls were consumed.

🎵 Track: Lost Sky - Dreams

[PwnFunction]

Hey! Vsauce, Michael here.

I just assumed y'all use view-source but apparently not. Everyone's rockin with devtools. I'm sorry, forgive me senpai <3

[abanalytica]

And thus began the bodyless architecture era!

[logosking]

the thing is that opening devtools is actually *easier* than "viewing page source" and much more effective and wholistic. I have no idea who in their right mind who can read code would want to view the source itself

[The__Leo]

7:55 I never use 'View Source'. I always open dev tools 😂😂😂

[Argentix]

Have to add another check to my rickroll detector extension now.

[UltimatePerfection]

Frankly, I find using devtools/inspect element easier than view source, precisely out of laziness. The code is often better formatted (especially if the webdev used some JS HTML auto generation or had a HTML obfuscator written in JS) and I can easily get to referenced files such as JS and style sheets, not to mention that I can play with the site's code in real time if I try to learn something or doing a pentest.

[лилпипка]

Bruh I had a lab work about disabling ability to view source code. If only this video came month earlier I'll be the coolest kid

[botcontador]

What you dont realize, my friend, is that "wasting of time" you speak of is actually an excellent lecture. I am a web dev myself but really, this video is great. Made me laugh and, at the same time, although I know the technical staff you mentioned, made me learn in a way.

[soniablanche]

view source code is kinda useless, almost all modern websites serve content with javascript so the source code is very minimal.

[Zack_Taylor]

I think I've opened "view source" like twice in my lifetime. The dev tools, on the other hand, I open all the time.

So... There's that.

[werren]

it's not a waste of time for CTF designer, well it's contradicting if u think attacker are lazy, lmao we just minimalistic ;D

[DonLarryTT]

9:35 You can see the code easily in the "Style Editor" tab

[mileswithau]

An easier way to do this is to not fiddle with obscure headers, but instead return a redirect HTTP status code, such as `308 Permanent Redirect` followed by the `Location` header. This *is* part of the spec and supported (by standard) by all web browsers.

[Lampe]

7:51 I don't use the "view source code" feature anymore, for that I almost exclusively use the DevTools.

[nunchuckduck]

btw the title is supposed to be: How this website hides its code.

[jimhalpert]

Would love a video where you manually obfuscate some code and go bonkers

[wellhiiguess]

I love how this Chanel answers useful questions that impact everyone’s JavaScript experience and is very professional (/s)

[Sollace]

Cool... Although inspect element still works. Still cool how you managed to insert a stylesheet using the headers, and took advantage of the browser's behaviour that automatically fills in a header and body element even when the page is blank. 😉
Edit: 7:56 Tbh, I didn't think anyone still used view source. I _only_ use the dev tools.

[rutwikhiwalkar]

The animations getting better and better every video. Love it

[datsteves]

7:55 well I am certainly using dev tools on almost anything when I want to know why something happens as it does. But I think I didn’t used the „show sourcecode“ ctx menu function in 3 years or so. Simply because it is loading the page again, and as such the content can differ from the actual webpage you were on before.

And if I’m really wanna debug stuff, curl to the rescue 😂😂

But ok, I’m a Software engineer that builds stuff on the web for like 15 years 🤷🏻‍♂️ ya know, the time where JavaScript wasn’t as hip, and you used tables and frames to make your webpage? 😂😂