How to bypass basic website content restrictions such as cookie notices

How to bypass basic website content restrictions such as cookie notices

Previous post removed for being too low effort, but I think the content is worth sharing so I’m trying again with more description:

Whenever I search for health related information I often see healthline.com as a recommended site, however because I rarely accept cookies I can’t see the content I’ve clicked on from Google. Instead I am presented with the option to either accept cookies or I get a page telling me about GDPR restrictions and why I have to accept the cookies or go away!!

So when presented with a page like below, what do you do?

The infuriating page

I am working in Chrome, but this should apply to most browsers… right click the annoying box and select ‘Inspect’ to bring up the code for the page. Any edits you make here will show you a live update. The goal is to remove the box so the first thing we do is make sure to inspect on that box (i.e. that is where you need to right click on the website before choosing Inspect). When the code console comes up you can hover over the elements of the page and it will highlight the part of the website that it affects (this is how scammers modify bank your live bank page to make it look like you have been paid).

Find the element that highlight all of the box in question as shown below. Then right click the element and select ‘Hide element’. In this case it was a div

<div class="css-103nllw no-hash __web-inspector-hide-shortcut__"> 

Editing the source

Now that we have done that you’ll find that scrolling is disabled and you can’t see the full content. Not to fear, one more change will solve this. The designer in this case has used the overflow:hidden attribute to stop the content from showing below the viewing window. All we need to do is edit that or remove the setting.

You could search for ‘overflow’ but in this case it is already on screen in the <body> tag

<body style="overflow: hidden;" class="touchevents-false"> 

Change it to the following by double clicking the area to change and then deleting it:

<body class="touchevents-false"> 

Now if you click off that part of the code, the scrolling will be enabled and you can access the full content.

submitted by /u/ee0u30eb
[link] [comments]

February 21, 2023
Read More >>