Files
html/products/iframe-test.html
2026-04-19 22:25:01 +02:00

61 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html><head>
<meta name="description" content="Iframe Test - WEVAL Consulting SaaS Platform. Cloud, AI, Digital Marketing.">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta charset="UTF-8"><title>IFRAME TEST</title>
<style>body{background:#0a0b0f;color:#e8e9ed;font-family:monospace;padding:20px}
.ok{color:#00e5a0}.ko{color:#f43f5e}.test{margin:8px 0;padding:8px;border:1px solid #1e2030;border-radius:6px}
h2{color:#6366f1;margin:20px 0 10px}
a.testbtn{display:inline-block;background:#6366f1;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;margin:8px;font-size:16px}
.in-iframe nav{display:none!important}.in-iframe .hero{padding-top:3rem!important;min-height:auto!important}.in-iframe footer{display:none!important}.in-iframe .cta{display:none!important}.in-iframe .wv-links{display:none!important}</style><link rel="stylesheet" href="/assets/dark-iframe.css"></head><body>
<h1>WEVAL Iframe Diagnostic</h1>
<div id="results"></div>
<h2>Test Buttons (click to test navigation)</h2>
<a class="testbtn" href="/booking.html">Essayer → (contact-us)</a>
<a class="testbtn" href="/pricing.html">Tarifs</a>
<a class="testbtn" href="/solutions">Solutions</a>
<h2>Links with target="_top" manually set</h2>
<a class="testbtn" href="/booking.html" target="_top">Essayer → (forced _top)</a>
<h2>JS Navigation</h2>
<button onclick="window.top.location.href='/booking.html'" style="background:#00e5a0;color:#000;padding:12px 24px;border:0;border-radius:8px;font-size:16px;cursor:pointer">window.top.location (JS)</button>
<script>
var r=document.getElementById('results');
function log(name,ok,detail){
r.innerHTML+='<div class="test"><span class="'+(ok?'ok':'ko')+'">'+(ok?'✅':'❌')+'</span> <b>'+name+'</b>: '+detail+'</div>';
}
// Test 1: Are we in iframe?
var inIframe=false;
try{inIframe=window.self!==window.top}catch(e){inIframe=true}
log('In iframe',inIframe,'window.self!==window.top = '+inIframe);
// Test 2: Can we access window.top?
var canAccessTop=false;
try{var x=window.top.location.href;canAccessTop=true}catch(e){canAccessTop=false}
log('Can access window.top',canAccessTop,'window.top.location.href = '+(canAccessTop?'accessible':'BLOCKED: '+canAccessTop));
// Test 3: translate.js loaded?
var translateLoaded=typeof __inIframe!=='undefined';
log('translate.js __inIframe',translateLoaded,translateLoaded?'__inIframe='+__inIframe:'NOT LOADED');
// Test 4: Check if links have target="_top"
setTimeout(function(){
var links=document.querySelectorAll('a[href]');
var topCount=0,totalCount=0;
links.forEach(function(a){
totalCount++;
if(a.getAttribute('target')==='_top')topCount++;
});
log('Links with target=_top',topCount>0,topCount+'/'+totalCount+' links have target=_top');
// Test 5: MutationObserver active?
log('MutationObserver fixLinks',typeof fixLinks==='function','fixLinks function '+(typeof fixLinks==='function'?'EXISTS':'NOT FOUND'));
// Test 6: sandbox permissions
log('Sandbox check','Checked in parent workspace','See workspace HTML for sandbox attr');
},2000);
</script>
</body></html>