У меня установлена последняя версия WordPress вместе с woocommerce.Проблема, с которой я сталкиваюсь последние пару месяцев, заключается в том, что иногда, когда я пытаюсь получить доступ к веб-сайту с моего ноутбука с Windows 10, он показывает пустую страницу -
Это происходит независимо от того, какой браузер я использую на своем ноутбуке.Я пытался использовать Chrome, Firefox и Edge.Когда я очищаю историю и кеш браузера, мой сайт начинает нормально загружаться.Эта проблема затрагивает весь сайт, включая раздел администратора, домашнюю страницу или любую другую страницу.
По какой-то причине эта проблема возникает только на моем ноутбуке.Я никогда не сталкивался с этой проблемой на моем телефоне Android.Я даже проверил загрузку сайта одновременно на моем телефоне и ноутбуке.Пока он загружался правильно на мобильном устройстве, у меня возникла та же проблема на ноутбуке.
Я решил проверить исходный код страницы, когда он отображается пустым.В исходном коде я мог видеть, что он показывает ошибку " HTTP Error 403 - Forbidden. Веб-сервер настроен так, чтобы не перечислять содержимое этого каталога, или у вас недостаточно прав для доступа к ресурсу" .
Исходный код указан ниже.Может кто-нибудь сказать, что это за проблема?У меня есть другой WordPress-сайт с тем же планом хостинга, и он никогда не сталкивался с этой проблемой.Название сайта - oldbookdepot (точка) в
<!DOCTYPE html>
<html>
<body>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML =
this.responseText;
document.getElementById("first-header").innerHTML = "HTTP Error 403 - Forbidden";
document.getElementById("second-sub-header").innerHTML = "The Web server is configured to not list the contents of this directory or you do not have enough permissions to access the resource";
var get=document.getElementsByTagName("A");
for(i=0; i<get.length; i++){
get[i].removeAttribute("onmouseover");
get[i].removeAttribute("onmouseout");
}
}
};
xhttp.open("GET", "/errors/MultiDomainHosting.php", true);
xhttp.send();
</script>
<style>
.wrapper{
overflow-y: hidden;
padding: 0px;
margin:0px;
background: none !important;
width: 100% !important;
}
.header-container {
text-align: -webkit-center;
width: 100%;
height: 150px;
background: white;
padding-top: 20px;
padding-bottom: 20px;
font-size: larger;
}
.header-container > p,h1 {
padding:5px;
}
.header-container > p {
color: #707070;
}
.header-container > h1 {
color: #333333;
}
.content-container {
position: absolute;
background-color: #202020;
height: 635px;
width: 100%;
}
.dynamic-content {
position: relative !important;
padding: 0 10em 0 10em;
top: -50px;
}
.dynamic-content > div {
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: #e1e1e1;
height: 550px;
overflow-y: hidden;
}
@media only screen and (max-width:480px) {
.dynamic-content > div {
border-style: solid;
border-width: 0 2px 2px 2px;
border-color: #e1e1e1;
overflow-y: hidden;
height: auto;
}
.dynamic-content {
padding: 0;
top: 0;
}
.content-container {
height: auto;
}
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
.dynamic-content > div {
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: #e1e1e1;
overflow-y: hidden;
height: auto;
}
.dynamic-content {
padding: 0 2em 0 2em;
top: 0;
}
.content-container {
height: auto;
}
}
</style>
<div class="wrapper" id="wrapper">
<div class="header-container">
<h1 id="first-header"></h1>
<p id="first-sub-header"></p>
<p id="second-sub-header"></p>
</div>
<div class="content-container">
</div>
<div class="dynamic-content" id="demo">
</div>
</div>
</body>
</html>