<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title">Proxy ile URL Kontrolü</h3> </div> <div class="panel-body"> <p>Bir web sayfasının veya RSS adresinin içeriğini, **CORS (güvenlik) sorununa takılmadan** kontrol etmek için bir proxy sunucu kullanın. Aşağıdaki alana URL'yi girin.</p> <div class="form-group"> <div class="input-group"> <input type="text" id="urlInput" class="form-control" placeholder="Örnek: https://www.ntv.com.tr/otomobil.rss" value="https://www.ntv.com.tr/otomobil.rss"> <span class="input-group-btn"> <button class="btn btn-custom" type="button" id="checkBtn">Kontrol Et</button> </span> </div> </div> <div id="statusMessage" class="alert hidden" role="alert"> <!-- Durum mesajı buraya gelecek --> </div> <div id="responseArea" class="hidden"> <h4>Sunucudan Gelen Ham Cevap:</h4> <pre id="responseContent"></pre> </div> </div> </div> </div>

body { background-color: #f4f4f4; font-family: Arial, sans-serif; padding-top: 50px; } .container { max-width: 800px; } .panel-heading { background-color: #337ab7; color: #fff; } .btn-custom { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } .btn-custom:hover { background-color: #449d44; border-color: #398439; color: #fff; } #responseArea { margin-top: 20px; padding: 15px; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 4px; white-space: pre-wrap; word-wrap: break-word; max-height: 400px; overflow-y: auto; }

$(document).ready(function() { // Kontrol Et butonuna tıklandığında $('#checkBtn').on('click', function() { var targetUrl = $('#urlInput').val(); if (targetUrl.trim() === '') { $('#statusMessage').removeClass().addClass('alert alert-warning').text('Lütfen bir URL giriniz.'); return; } // Proxy PHP dosyasının adını belirtiyoruz var proxyUrl = targetUrl; // Kontrol sürecini başlatan mesajı göster $('#statusMessage').removeClass().addClass('alert alert-info').text('Proxy sunucusu aracılığıyla kontrol ediliyor...'); $('#responseArea').addClass('hidden'); $('#responseContent').text(''); // $.ajax() ile proxy dosyasına GET isteği gönder $.ajax({ url: proxyUrl, method: "GET", data: { url: targetUrl }, // Hedef URL'yi parametre olarak gönder success: function(response) { // Proxy'den gelen cevap başarılıysa $('#statusMessage').removeClass().addClass('alert alert-success').text('İstek başarılı. Aşağıda proxy sunucusundan gelen ham cevabı görebilirsiniz.'); $('#responseArea').removeClass('hidden'); $('#responseContent').text(response); }, error: function(xhr, status, error) { // Proxy sunucusuna ulaşım hatası varsa $('#statusMessage').removeClass().addClass('alert alert-danger').text('Proxy sunucusuna ulaşım sağlanamadı veya proxy sunucusunda bir hata oluştu.'); console.error("AJAX Hatası:", status, error); } }); }); });