SnapHTML — Web Cloner & AI Mirror

SnapHTML — Web Sayfası Klonlama, Çok Sayfalı Web Sitesi Paketleme & AI İçin Proje Röntgeni 🌐✨ Açık olan herhangi bir web sayfasını veya kendi geliştirdiğiniz web projenizi (localhost, React, Next.js, Vue, Tailwind panelleri vb.) tek tıkla; tüm CSS stilleri, web fontları, görselleri, Canvas grafiklerini, form verilerini ve anlık DOM durumunu içine mühürleyerek %100 bağımsız tek parça bir HTML (.html) veya birbirine bağlı sekmelerden oluşan çok sayfalı bir ZIP (.zip) web sitesi paketi olarak dondurun! Üstelik klonlanan sayfaların mimari röntgenini (DOM istatistikleri, renk paleti, framework tespiti) tek tıkla çıkarıp Claude, Cursor, ChatGPT ve Antigravity gibi yapay zeka araçlarına hazır bir prompt olarak aktarın! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔥 NEDEN SNAPHTML? (GELENEKSEL "FARKLI KAYDET"TEN FARKI NE?) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Tarayıcınızın standart "Farklı Kaydet" özelliği: ❌ Yanında yüzlerce parçadan oluşan hantal bir klasör oluşturur. ❌ @font-face ile çekilen özel web yazı tiplerini çoğunlukla kaybeder. ❌ O an formlara girdiğiniz canlı verileri, açık akordeonları veya seçili sekmeleri donduramaz. ❌ Chart.js veya Canvas ile çizilen dinamik grafikleri boş bırakır. ❌ Çok sayfalı bir sitenin sekmelerini birbirine bağlı yerel bir site paketi yapamaz. SnapHTML ile: ✅ Tüm stiller, SVG'ler, resimler ve fontlar Base64 formatında doğrudan tek bir HTML içine gömülür. ✅ İnternet bağlantısı veya sunucu gerekmez; dosyaya çift tıkladığınızda projenin birebir aynısı açılır. ✅ Çok sayfalı tarama ile menü linkleri yerelleştirilir; ZIP'i açıp sekmelere tıklayarak sayfalar arasında offline gezinebilirsiniz. ✅ Claude ve Cursor için hazır "AI Röntgeni & Promptu" üretir. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎯 3 FARKLI KLONLAMA DERİNLİĞİ (CRAWL DEPTH) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔘 SEVİYE 0: Tek Sayfa (Instant Standalone .HTML) - Sadece açık olan aktif sayfayı dondurur. - Çıktı: Tek bir dosya (sayfa.html). E-postayla gönderilebilir, USB'de taşınabilir, sunucusuz her tarayıcıda çalışır. 🔘 SEVİYE 1: Sekmeler & Menü Bağlantıları (Multi-Page .ZIP Web Sitesi) - Sayfadaki üst menü sekmelerini (Örn: Genel Bakış, Raporlar, Profil, Ayarlar vb.) ve iç rotaları otomatik keşfeder. - Her sekmeyi arka planda açıp stilleriyle birlikte klonlar. - Akıllı Link Dönüştürme: Sayfalardaki href="/ayarlar" linklerini yerel href="./ayarlar.html" dosyalarına otomatik bağlar. - Çıktı: index.html'i açtığınızda üstteki butonlara bastıkça sayfalar arası gerçekten geçiş yapabileceğiniz eksiksiz bir çevrimdışı web sitesi arşivi! 🔘 SEVİYE 2: Kapsamlı Derinlik (Recursive Crawl) - Seviye 1'deki sayfaların altındaki detay sayfalarını ve alt kategorileri de zincirleme tarar. - Çok sayfalı dokümantasyon sitelerini, dashboard'ları veya şirket portallarını tek seferde offline arşive dönüştürür. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🤖 AI PROJE RÖNTGENİ & PROMPT MOTORU (Cursor & Claude Ready) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ SnapHTML, web projelerini yapay zekaya anlatmanın en hızlı köprüsüdür! Tek tıkla "AI İçin Röntgen & Prompt Kopyala" butonuna bastığınızda: 1. Sayfa Başlığı, Viewport ve Canlı URL 2. Kaç adet Menü (Nav), Ana Konteyner (Main) ve Sidebar olduğu 3. Sayfadaki Form ve aktif Girdi (Input/Select) sayıları 4. Etkileşimli Buton sayısı ve Tablo adetleri 5. Kullanılan UI Kütüphaneleri (Tailwind CSS, React, Next.js, Bootstrap tespiti) 6. Sayfanın hesaplanmış Arka Plan ve Metin Renk Paleti 7. Ve sayfanın bağımsız canlı HTML kodu... ...hepsi kusursuz bir Markdown şablonu olarak panonuza kopyalanır! 📂 ZIP Paketlerinde Otomatik `project_ai.md`: Çok sayfalı ZIP indirdiğinizde, paketin içine otomatik olarak tüm sayfaların hiyerarşik site haritasını ve buton/form metriklerini içeren bir "project_ai.md" dosyası eklenir. Kullanım: ZIP'i açıp klasörü doğrudan Cursor veya Claude Projects içine sürükleyin; yapay zeka projenizin tüm ekranlarını ve mimarisini tek seferde anlasın! ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✨ GELİŞMİŞ TEKNİK ÖZELLİKLER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✔ Sıfır Bağımlılık & Saf JavaScript (Pure-JS ZIP Engine): Harici hantal kütüphanelere ihtiyaç duymaz. Kendi hafif ZIP motoruyla saniyeler içinde sıkıştırma yapar. ✔ Canvas & Grafik Koruma (Canvas-to-PNG): Chart.js, sayaçlar, imza alanları ve HTML5 Canvas grafiklerini yüksek çözünürlüklü PNG görsellere dönüştürerek dondurur. ✔ Form Durumu Mühürleme: Yazılmış metinler, seçili radyo/checkbox butonları, dropdown seçimleri ve açık akordeon (<details>) durumları o anki haliyle DOM'a mühürlenir. ✔ Görselleri Uyandır (Auto-Scroll Pass): Modern sitelerdeki lazy-load (gecikmeli yüklenen) resimleri klonlama öncesinde otomatik kaydırma ile uyandırır ve eksiksiz yakalar. ✔ Declarative Shadow DOM Desteği: Web Component ve Shadow DOM içeren modern arayüzleri <template shadowrootmode="open"> standardıyla klonlar. ✔ Canlı Önizleme & Test Çalışma Alanı (Workspace): Klonlanan sayfayı indirmeden önce dahili önizleme sekmesinde Masaüstü, Tablet (768px) ve Mobil (390px) responsive boyutlarında test edin. ✔ Oturum & Güvenlik Koruması: Akıllı tarayıcı motoru; /logout, /cikis, /delete gibi oturum kapatıcı veya veri silici rotaları otomatik tespit ederek tarama dışı bırakır. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 👥 KİMLER İÇİN İDEAL? ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Web Geliştiricileri & Yazılımcılar: Localhost üzerinde geliştirdiğiniz bir React/Next.js panelini müşteriye veya ekip arkadaşınıza tek bir HTML dosyası olarak göndermek için. • AI Geliştiricileri & Prompt Mühendisleri: Gördüğünüz bir web arayüzünü Claude, Cursor veya ChatGPT'ye verip "Bunun aynısını bana Tailwind bileşeni olarak yaz" demek için. • UI/UX Tasarımcıları: İlham aldığınız web sitelerinin canlı DOM yapısını, tipografisini ve renk paletini arşivlemek için. • QA & Yazılım Test Uzmanları: Uygulamada bir hata (bug) oluştuğunda, o anki ekran durumunu ve konsol DOM'unu birebir dondurup yazılım ekibine iletmek için. • Çevrimdışı Okuyucular …