Solution to remove the white screen caused by Adguard's other rules by mistake (take Xtoys.app as an example)
Lazy loaded imageSolution to remove the white screen caused by Adguard's other rules by mistake (take Xtoys.app as an example)
Words 605Read Time 2 min
2024-12-18
2024-12-27
AI intelligent summary
GPT
The article explains how to fix a white screen issue on Xtoys.app caused by Adguard's blocking rules. It details locating hidden ad elements using the F12 developer tool and using the $generichide rule to disable CSS-like rules, ensuring normal access to web content.
This article describes how to use Adguard's custom blocking rules to unblock false positives, using Xtoys.app as an example, detailing how to locate hidden ad elements via the F12 developer tool, and using the $generichide The rule disables CSS-like rules to solve the problem of a white screen on a web page, thus ensuring that users can access the web content normally.
pivot
  • Adguard's Blocking Rule False Kill Removal Program : This section describes how to use Adguard's $generichide Customize the blocking release rules.
  • Targeting and untargeting of advertising elements : A detailed explanation of how to locate the false positives with the F12 developer tool and unhide them by disabling CSS class rules.
  • Anti-Adblocking in Special Situations : A special-case approach to anti-ad-blocking is discussed.
 

📝 Main content

I. Xtoys.app   Anti-Adblocker Situation

While there aren't really any ads, the biggest problem is that the With the adblocker on it's a white screen and the webpage won't show any content

II. Analysis of the problem

After opening the developer tools via F12, selecting the element reveals that its The web DOM is normal
notion image
Then the question is clear at this point, is Web page DOM elements are hidden up, and it was easy to troubleshoot to learn that the cause was:
body elemental class including ads and an actual query of the CSS code shows that this ads class does not have any styles, it was added purely on purpose in order to be matched by adblockers and thus hide this element.

III. Solutions

1. Conventional wisdom

So it is possible to try to unhide the effect of this rule at that site, but it is more expensive to locate and maintain, so the choice is to use other methods

2. Utilization $generichide cure

Disable all generalizations on the page corresponding to the exception rule Retouching rules  The i.e. Disabling the CSS class rule just bypasses this problem
consultation
Based on its invocation rules, we can write the following deactivation rules for false positives
🚫
@@||xtoys.app^$generichide
🕵️‍♂️
interpretation of rules
  • @@ : This symbol indicates that this is a "lift" rule, i.e., the purpose of the rule is to allow some content to pass, not to block it.
  • ||xtoys.app : This section specifies the domain name to which the rule applies. In this case, it refers to the xtoys.app Website. || Indicates that it matches all requests under the domain.
  • ^ : This symbol is used to indicate the end of a rule and is often used to indicate subsequent modifiers.
  • $generichide : This is a modifier that indicates that the rule will disable CSS class rules associated with all generic modifier rules on that page. Specifically, it will bypass rules that could cause the content of the page to be hidden.
To summarize. @@||xtoys.app^$generichide It's a program for unlocking xtoys.app The purpose of the rules for ad-blocker false positives on websites is to ensure that users are able to access and view the content of web pages normally without being affected by ad-blockers.

📖 Extended reading

🤗 Summarize and summarize

  • Amazing one time anti-ad blocking approach The general is to detect whether the ad blocker exists, and then execute the JS script, pop-up window jump and so on.

📎 Reference article

primary reference
 
💡
acceptable become a member Telegram's Little Warehouse of Seven Rows | Internet Memories | Blogs  cap Seven lines Technical Exchange Group  Find more tips oh 🥰 and also discuss various issues in the chat group ❓
Welcome to the Bottom comment section. Share your thoughts and experiences with Let's discuss and improve together!
 

Comments
Loading...