| Server IP : 103.88.176.108 / Your IP : 216.73.216.211 Web Server : Apache/2.4.41 (Ubuntu) System : Linux webserver 5.4.0-42-generic #46-Ubuntu SMP Fri Jul 10 00:24:02 UTC 2020 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.18 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/wp-content/plugins/wp-cloudflare-page-cache/assets/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex">
<title>WP Super Page Cache Test</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f4f4f4;
}
h1, h2 {
color: #2c3e50;
text-align: center;
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
}
.content {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
#headers {
background-color: #e8f4f8;
padding: 15px;
border-radius: 5px;
font-family: monospace;
white-space: pre-wrap;
word-break: break-all;
}
.highlight {
background-color: #ffff00;
font-weight: bold;
padding: 5px 0px;
}
</style>
</head>
<body>
<div class="content">
<h1>Test Cloudflare for WP Super Page Cache</h1>
<p>This is a test page to verify the Cloudflare caching.</p>
<p>This page has the following HTTP headers present: </p>
<div id="headers">Loading headers...</div>
</div>
<script>
window.onload = function() {
fetch(window.location.href)
.then(response => {
const headers = {};
for (const [key, value] of response.headers) {
headers[key] = value;
}
return headers;
})
.then(headers => {
const headersList = Object.entries(headers)
.map(([key, value]) => {
if (key.toLowerCase().startsWith('cf-')) {
return `<span class="highlight">${key}: ${value}</span>`;
}
return `${key}: ${value}`;
})
.join('\n');
document.getElementById('headers').innerHTML = headersList;
})
.catch(error => {
console.error('Error fetching headers:', error);
document.getElementById('headers').textContent = 'Error loading headers. Please check the console for details.';
});
};
</script>
</body>
</html>