Estoy tratando de crear un widget donde debería poder reutilizarse como iframe en cualquier otro sitio web. funciona perfectamente en el mismo dominio. Traté de usarlo en diferentes dominios.
mi código iframe está debajo,
<iframe id="serviceFrameSend" src="https://cyberglo.com/dyacon/dyaconlive/websiteWidget.php?pid=811addd060d7ae73429a831acae7365c&size=large" width="1000" height="1000" frameborder="0"></iframe>Como dije anteriormente, cuando uso esto en un dominio diferente, solo se está procesando una parte del widget, tiene una solicitud de Ajax donde carga la parte inferior de los datos. cuando iframe se carga en un dominio diferente, esa parte no funciona.
Pero, sorprendentemente, funciona perfectamente en Firefox , incluso en un dominio diferente. pero no hubo suerte con Chrome y Safari.
Tal vez se deba al doctype o "Content-Security-Policy", probé todo sin suerte.
aquí está mi archivo de encabezado
<?php header("Access-Control-Allow-Origin: *"); include_once 'version.php'; ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta charset="utf-8" name="viewport" content="width=400, initial-scale=1"> <meta http-equiv="Content-Security-Policy" content=" default-src * 'unsafe-inline' 'unsafe-eval'; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src * 'unsafe-inline'; img-src * data: blob: 'unsafe-inline'; frame-src *; style-src * 'unsafe-inline';"> <!-- responsive meta tag --> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Dyacon Weather Stations</title> <script src="js/jquery-3.2.1.js"></script> <script> var sid = <?php echo $stationid;?>; var globals = {};</script> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css"> <link rel="stylesheet" href="css/jquery-ui.structure.min.css" type="text/css"> <link rel="stylesheet" href="css/jquery-ui.theme.min.css" type="text/css">He agregado iframe en un dominio diferente para enviar mensajes de texto aquí
https://noblewebdesign.com/dyacon/widgetTest.phpTu ayuda es realmente apreciada.