Etik & yasal not: Bu araç, kamuya açık sayfaları inceleme, öğrenme ve arşivleme amacıyla klonlar.
Klonlanan tasarım, metin, görsel ve kodların telif hakkı sahiplerine aittir. Yalnızca sahibi olduğunuz veya izin verilen
sitelerde kullanın;
robots.txt ve kullanım şartlarına uyun. Kimlik avı/aldatma amaçlı klon üretmeyin.
[x]
Canlı klon önizlemesi
Sayfa sunucuda çekilir, tüm CSS/JS/görsel/font istekleri yerel proxy üzerinden geçirilir. Tıklamalar yakalanır ve aynı aynalayıcıdan yeni sayfa yüklenir.
Klonlanmış sayfa iframe içinde çalışır. Form gönderimleri ve popup'lar engellenmiştir. Bazı siteler bot koruması (Cloudflare, captcha) veya CSP nedeniyle eksik görünebilir.
geçmiş ve raporlar yalnızca bu tarayıcıda saklanır
Headless Chrome sayfayı açıyor… (10-40 sn sürebilir)
Ağ trafiği ve API çağrıları
Tarayıcı analizi çalıştırınca gerçek istekler burada listelenir.
Henüz veri yok
Yakalanan API uç noktaları
XHR/fetch çağrıları, örnek yanıt gövdesi ve şema çıkarımı
Henüz veri yok
Tarayıcı analizi çalıştırınca ekran görüntüleri burada görünür.
Tarayıcı analizi çalıştırınca render edilmiş elementlerden çıkarılan token'lar burada görünür.
[] Başlangıç kiti (starter kit)
Analizin çıktısını kendi projene taşınabilir bir pakete çevirir: render edilmiş HTML, çıkarılan tasarım token'ları (CSS değişkenleri), bileşen stilleri, indirilen varlıklar, API örnekleri ve mimari README.
index.html
JS çalıştıktan sonraki DOM, varlıklar yerelleştirilmiş
styles/tokens.css
Renk / font / boşluk / köşe / gölge değişkenleri + .btn .card .input örnekleri
data/api-examples.md
Gözlemlenen uç noktalar ve örnek yanıtlar
önce tarayıcı analizi çalıştırın
Sayfa analiz ediliyor, varlıklar çekiliyor…
Tek dosya HTML olarak kaydet
Sayfa, tüm CSS'i ve mümkün olduğunca çok varlığı içine gömülü şekilde tek bir
.html dosyasına dönüştürülür — internet olmadan açılır.
İndirme başlamadıysa (gömülü önizleme çerçevesi indirmeleri engelleyebilir):
bu bağlantıya tıklayın
ya da uygulamayı tarayıcıda yeni sekmede açın.
Nasıl çalışıyor?
1. Çekme
Sayfa tarayıcı kimliğiyle sunucuda çekilir, yönlendirmeler takip edilir, charset doğru çözülür.
2. Ayrıştırma
HTML ayrıştırılır; src / href / srcset / poster / data-* ve CSS içi url() adresleri bulunur.
3. Gömme
CSS dosyaları içindeki görseller de çözülüp base64 data-URI olarak HTML'in içine yazılır.
Tam site aynası (ZIP)
Siteyi bağlantıları takip ederek gezer, sayfaları + CSS/JS/görsel/font varlıklarını indirir ve yerel göreli bağlantıları düzeltip ZIP olarak paketler. ZIP'i açtığınızda
index.html ile çevrimdışı gezinirsiniz.
hazır
ZIP indirilemiyorsa: arşiv bağlantısı
(arşiv hazır olduğunda etkinleşir) · İndirmeler engelleniyorsa uygulamayı tarayıcıda yeni sekmede açın.
Sayfa kaynak kodu
—
Adres girip İncele'ye basın.