Мобильный и десктопный предпросмотр — кнопки и функционал
Есть простой код получения страницы с другого сайта, хочу отображать страницу в рамке и добавить несколько кнопок для предпросмотра, такой функционал у ВП есть, но как называется и через что выводится не знаю
$url = "https://site.com/test-2/"; $curl = curl_init($url); curl_setopt($curl, CURLOPT_RETURNTRANSFER, TRUE); echo $output = curl_exec($curl); curl_close($curl);

Источники
https://www.geeksforgeeks.org/how-to-specify-the-html-content-of-the-page-to-show-in-the-iframe-element-html5/
Плагин с бубенцами (рушит скролинг)
https://wordpress.org/plugins/mobile-preview/
<?php /* https://test.com/index.php * Name: iframe window * By: Kolshix * Description: small script-test Mobile tables desktop */ ?> <!DOCTYPE html> <html> <body style=" text-align: center;"> <h1>The iframe element <?php echo $date = date('m/d/Y h:i:s a', time()); ?></h1> <iframe id="embed1 chkframe iframe" src="https://test.com/index.php" style="border-style:1px; border-style: solid; width:80%; min-height:700px; margin-bottom: 40px; "> </iframe> <input type="text" id="source" style="width: 60%" placeholder="Enter the link of source." /> <button id="loadpage"> Change Webpage </button> <button onclick="widthpluse()" title="Increase Width">+</button> <button onclick="widthreset()" title="Increase Width">reset</button> <button onclick="widthminus()" title="Increase Width">-</button> <script> document.getElementById("loadpage").onclick = function updatesource() { let newsource = document.getElementById("source").value; document.getElementById("embed1 chkframe iframe").src = newsource; }; function widthpluse(){ var x = document.getElementById('embed1 chkframe iframe'); x.style.width = "100%"; } function widthreset(){ var x = document.getElementById('embed1 chkframe iframe'); x.style.width = "80%"; } function widthminus(){ var x = document.getElementById('embed1 chkframe iframe'); x.style.width = "980px"; x.style.minHeight = "1360px"; x.style.zoom = "0.5"; } </script> </body> </html>