Web Elemet Selector v4.5 - Test Otomasyonu için Profesyonel XPath ve CSS Selector Aracı

Описание: Web Element Selector, test otomasyonu mühendisleri ve web geliştiriciler için tasarlanmış güçlü bir Chrome eklentisidir.
Bu videoda, genel olarak 4.5 versiyonunda gelen yenilikler gösterilmiştir.

━━━━━━━━━━━━━━━━━━━━━━━━━━
✨ VERSİYON 4.5 YENİLİKLERİ
━━━━━━━━━━━━━━━━━━━━━━━━━━

🔄 Persistent Sidebar (Kalıcı Kenar Çubuğu)
• Sayfa yenilendiğinde sidebar otomatik olarak yeniden açılır
• Element seçim geçmişiniz korunur (F5'e basmanız artık çalışmanızı kaybettirmez!)
• Sayfa yüklenme sürecinde bile elementleri inceleyebilirsiniz
• Test geliştirme sürecinde kesintisiz iş akışı

🧊 Advanced Freeze Mode (Gelişmiş Dondurma Modu)
• Tüm sayfa aktivitesini derinlemesine dondurma
• JavaScript timer'ları durdurma (setTimeout, setInterval, requestAnimationFrame)
• CSS animasyon ve transition'ları pause etme
• Dinamik içerik güncellemelerini durdurma
• Toast bildirimleri ve loading spinner'ları sabitleme
• Geçici UI elementlerini kolayca yakalayın
• Görsel freeze göstergesi ile aktif durumu takip edin

🌙 Auto Dark Mode (Otomatik Karanlık Mod)
• Sistem tema tercihlerinize göre otomatik geçiş
• Light, Dark veya Auto mod seçenekleri
• Smooth tema geçişleri
• Gözlerinizi yormayan arayüz

↔️ Improved Position Switching (Geliştirilmiş Pozisyon Değiştirme)
• Sidebar'ı sağdan sola veya soldan sağa sorunsuz geçiş
• Otomatik sayfa layout ayarlaması
• Genişlik varsayılan değere (%20) sıfırlanır
• İçerik kayması olmayan deneyim

📱 Responsive AI Suggestions Header
• Tüm ekran boyutlarında optimize edilmiş tasarım
• Geliştirilmiş element hizalaması ve boşlukları
• Mobil uyumlu layout


━━━━━━━━━━━━━━━━━━━━━━━━━━
🎯 VERSİYON 4.0 ÖZELLİKLERİ
━━━━━━━━━━━━━━━━━━━━━━━━━━

🌐 Shadow DOM & Iframe Desteği
• Modern web uygulamalarının kompleks yapılarında sorunsuz çalışma
• Shadow DOM içindeki elementler için özel locator stratejileri
• Nested iframe yapılarında tam destek
• Web Component'ler ile uyumlu

🧪 Advanced JavaScript Test Environment
• document.querySelector() komutlarını doğrudan test edin
• Shadow DOM traversal desteği (shadowRoot.querySelector())
• Iframe erişim komutları validasyonu
• Canlı element vurgulama ve sonuç görüntüleme

🤖 AI-Powered Self-Healing
• Shadow DOM ve iframe içindeki kırık locator'ları otomatik onarma
• JavaScript-based locator önerileri
• Kompleks DOM yapılarında hedef bulma
• Detaylı geçmiş kaydı

✅ Professional Validation System
• Nested iframe ve Shadow DOM validasyonu
• Iframe chain tracking
• Real-time element counting
• Güvenli JavaScript execution

━━━━━━━━━━━━━━━━━━━━━━━━━━
🛠️ TEMEL YETENEKLER
━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 Intelligent Locator Generation (Akıllı Locator Üretimi)
• Çoklu strateji ile XPath ve CSS selector üretimi
• Simple strategies (ID, name, class-based)
• Medium complexity (contains, starts-with patterns)
• Advanced patterns (axes, positional selectors)
• Data attribute desteği (data-testid, aria-label)
• Text content ve attribute matching

🤖 AI Integration Platform (Çoklu AI Desteği)
• OpenAI ChatGPT (GPT-3.5-turbo)
• Google Gemini 1.5 Flash
• DeepSeek Chat
• Anthropic Claude 3 Haiku
• Smart selector optimization
• Best practice önerileri

🎨 Professional User Interface
• Modern ve responsive tasarım
• 3 tema modu (Light, Dark, Auto)
• Ayarlanabilir sidebar genişliği (%15-30)
• Sol/sağ pozisyon seçimi
• Smooth animasyonlar
• Tüm ekran boyutlarında responsive

📊 Comprehensive Element Information
• Detaylı element analizi
• Complete attribute inspection
• Full XPath ve CSS path görselleştirme
• Shadow DOM hiyerarşi gösterimi
• Iframe detection
• Parent-child ilişki haritalaması

━━━━━━━━━━━━━━━━━━━━━━━━━━
👥 KİMLER İÇİN?
━━━━━━━━━━━━━━━━━━━━━━━━━━

✅ QA Test Otomasyonu Mühendisleri
✅ Selenium, Playwright, Puppeteer, Cypress Kullanıcıları
✅ Web Geliştiriciler (React, Vue, Angular, Svelte)
✅ DevOps Uzmanları ve CI/CD Pipeline Yöneticileri
✅ Web Scraping Geliştiricileri
✅ UI/UX Tasarımcıları
✅ Test Script Yazarları
✅ Browser Extension Geliştiricileri

━━━━━━━━━━━━━━━━━━━━━━━━━━
🔒 GÜVENLİK VE GİZLİLİK
━━━━━━━━━━━━━━━━━━━━━━━━━━

✓ Sıfır telemetri ve tracking
✓ API key'ler yerel olarak saklanır
✓ Şifrelenmiş credential yönetimi
✓ Doğrudan provider iletişimi (proxy yok)
✓ Client-side processing
✓ CSP (Content Security Policy) uyumlu
✓ Tamamen açık kaynak

━━━━━━━━━━━━━━━━━━━━━━━━━━
📦 TEKNİK ÖZELLİKLER
━━━━━━━━━━━━━━━━━━━━━━━━━━

• Chrome 88+ uyumlu
• Edge 88+ uyumlu
• Brave ve tüm Chromium-based tarayıcılar
• Manifest V3 mimarisi

━━━━━━━━━━━━━━━━━━━━━━━━━━
🔗 BAĞLANTILAR
━━━━━━━━━━━━━━━━━━━━━━━━━━

📥 Chrome Web Store: [https://chromewebstore.google.com/detail/n...]
💻 GitHub Repository: https://github.com/suatoruc/webElementLoca...