Description of the issue:
My website is built on wordpress. I have made updates to certain pages, but they are not visible on my computer even though they are visible on others. Strangely, this issue is happening on desktop and mobile, as well as on all browsers I have tried, including Brave. Dev tools are showing lots of error messages when I reload the page.
Am I to understand your topic correctly that this issue is happening on other browsers and not just Brave? If so, then this wouldn’t be a Brave issue as much as it would be Wordpress or something done wrong on the change you made.
The errors you’re showing primarily are ads and trackers being blocked. I do notice Shields off but not sure if you’re using another extension to block ads?
Btw, also would typically be kind of helpful to mention what people are supposed to look for. Such as what you changed that supposedly isn’t working. Based on a quick glimpse I made, everything seems to be working right and the only things being stopped are API calls to Google and things they are using to track people.
Things like the error surrounding addEventListener would be as below, which I’ll just copy/paste from ChatGPT
The error message in the image indicates a TypeError in JavaScript, which reads: “Cannot read properties of null (reading ‘addEventListener’).” This typically means that the JavaScript code is trying to add an event listener to an element that does not exist in the DOM at the time the script is executed.
Possible Causes and Solutions
Element Not Found:
Cause: The selector used to find the element does not match any elements in the DOM.
Solution: Ensure the selector is correct and matches an existing element. For example, if you’re using document.querySelector or document.getElementById, verify that the ID or class exists in the HTML.
Script Execution Timing:
Cause: The script runs before the DOM is fully loaded, so the element is not yet available.
Solution: Make sure the script runs after the DOM has fully loaded. You can place your script at the end of the HTML body or use DOMContentLoaded event.
Dynamic Content:
Cause: The element might be dynamically added to the DOM after the initial script runs.
Solution: Make sure the script runs after the element is added to the DOM, or use event delegation.
Debugging Steps
Check the Selector: Verify that the element you’re trying to select exists in the HTML and that the selector is correct.
Check Script Placement: Ensure the script is placed at the end of the HTML body or use DOMContentLoaded event to ensure the DOM is fully loaded before the script runs.
Console Logging: Use console.log to debug and check if the element is null before adding the event listener.
By following these steps, you should be able to identify and fix the issue causing the TypeError.
