Some common anti non-javascript mechanism websites use

Kamal Mustafa - Jun 10 '18 - - Dev Community

Being using browser with JavaScript disabled by default for years, I noticed few mechanism used by websites to shun away people like me.

1. Using <noscript> tag.

noscript

2. CSS display: none;. While look simple, the challenge here is to find the div which get applied the css. They will try to bury it few levels deep.

css display none

3. Overlay/z-index ? Unfortunately I can't find real example yet. The website I frequently visit no longer using the technique and now I can read the content at pleasure with JavaScript disabled.

css z-index

Using browser with JavaScript disabled allow me to perceive the web a bit different than others commonly see it. For example, this how one of the websites look like:-

astroawani nojs

Most of the time I can get away with all these nojs mechanism by just using the devtools. But for websites who fully use JavaScript to load the content separately, instead of just hiding it, I have to resolve on using my other browser profile with JavaScript enabled.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .