WebView Tarayıcı Test Paneli

Cihaz & Özellik Testleri

Cihaz / Özellik

Harici sayfalar (mevcut testler)

Inline cihaz testleri (WebView içinde)

Link & Window Testleri

Gezinme

Link target testleri

Aynı sayfayı farklı target'larla açarak WebView'in pencere/sekme davranışını görün.

_blank Link _self Link _parent Link _top Link framename Link

`window.open` testleri

window.open günlüğü

`location` API testleri

Dikkat: Bazı tuşlar sayfayı başka URL'ye yönlendirir.

location bilgisi

Dosya & İndirme Testleri

Downloads

Link ile dosya indirme / açma

Farklı uzantılar ve target ayarlarının WebView davranışını test edin.

Kabul Et & Yakala (input type="file")

Yakalama Testi

sesDosyası / kullanıcı (capture="user")

Video / çevre (capture="environment")

Resim / kullanıcı (capture="user")

Resim / çevre (capture="environment")

Kamera Yakalama (Android deseni)

Resim / kamera (accept="image/*;capture=camera")

Çerez Testleri

Çerezler

Çerez Anahtarı

Çerez Değeri

Expires (gün)

İşlemler

Çerez Çıktısı

localStorage Testleri

Depolama

Anahtar

Değer

İşlemler

localStorage Çıktısı

sessionStorage Testleri

Depolama

Anahtar

Değer

İşlemler

sessionStorage Çıktısı

IndexedDB Testleri

IndexedDB

Basit bir DB (`webviewTestDb`) ve store (`items`) üzerinde kayıt ekleme / listeleme / temizleme test eder.

Değer

İşlemler

IndexedDB Çıktısı

Form Eleman Testleri

Forms

Tüm temel form elemanları ve input type'ları. Form, form.asp'ye POST eder.

Temel Bilgiler

Metin (input type="text")

Şifre (input type="password")

E-posta (input type="email")

Telefon (input type="tel")

URL (input type="url")

Arama (input type="search")

Tarih & Sayı

Sayı (input type="number")

Aralık (input type="range") & Çıktı (output) 50

Tarih (input type="date")

Saat (input type="time")

Yerel Tarih Saat (input type="datetime-local")

Ay (input type="month")

Hafta (input type="week")

Seçimler

Radyo (input type="radio") Seçenek 1 Seçenek 2

Onay Kutusu (input type="checkbox") Onay Kutusu 1 Onay Kutusu 2

Renk (input type="color")

Seç / Seçenek / Optgroup

Giriş + Veri Listesi (datalist / option)

Dosya & Medya

Dosya (input type="file")

Resim (input type="image")

Eğer file/test.png yoksa sadece bozuk görsel gösterir.

Gizli (input type="hidden") Form ile gönderilir ama görünmez.

Metin Alanları & Butonlar

Metin Alanı

Butonlar (button / input)

Sürükle & Bırak Testleri

Sürükle & Bırak

Kutuyu sürükleyip hedef alana bırakın. Olaylar alttaki günlüğe yazılır.

Sürükle (drag)

Bırak (drop)

Sürükle & Bırak Günlüğü

Diğer HTML / JS Testleri

Ek API'ler

Pano & Paylaşım

Bazı tarayıcılarda/ortamlarda izin veya HTTPS gerekebilir.

Tam Ekran & Görünürlük

Bildirim & Diğerleri

Bildirimler için kullanıcı izni ve uygun ortam gerekir (tarayıcı / WebView'a göre değişir).

Çıktı

Ek API Çıktısı

Cihaz & Sensör Kılavuzu

Guide

Bu kılavuz, tarayıcıdan donanım/cihaz özelliklerine erişimi gösteren demoların kısa açıklamalarını içerir. Birçok demo izin ister, bazıları sadece HTTPS altında çalışır ve bazı API'ler deneysel olabilir.

Demo listesi

Kısa notlar

gps.htm – Konumu (enlem, boylam) alır. İzin ister, genelde HTTPS gerekir.
pil.htm – Pil seviyesi/şarj durumu. Bazı tarayıcılarda kapalı olabilir.
vibration.htm – Titreşim (özellikle mobil).
online.htm – navigator.onLine + online/offline olay.
netinfo.htm – Bağlantı türü/hız ipuçları. Her tarayıcıda yok.
wakelock.htm – navigator.wakeLock.request('screen') ile ekranın uykuya geçmesini engeller (izin/gesture gerekir).
idle.htm – Kullanıcı/ekran boşta mı (Boşta Algılama API'si, izin ve sınırlı destek).
contacts.htm – Rehberden kişi seçer (çoğunlukla mobil/Chromium).
pressure.htm – Sistem yükü/performans baskısını gözlemler (deneysel, sınırlı destek).
ambientlight.htm – Çevre ışığını (lux) okur; deneysel, çoğu tarayıcıda kapalı olabilir.
proximity.htm – Yakınlık sensörü (deneysel/sınırlı destek).
accelerometer.htm – İvme (m/s²), Genel Sensör API ailesi.
gyroscope.htm – Açısal hız (rad/s), Genel Sensör API ailesi.
magnetometer.htm – Manyetik alan (µT), Genel Sensör API ailesi.
orientation_sensor.htm – Mutlak/bağıl yönelim sensörleri (Genel Sensör).
deviceorientationevent.htm – Eski event tabanlı yönelim API’si (mobilde yaygın).
media_capture.htm – Kamera/mikrofon seçimi, foto/video alma (izin gerekir).

İpucu: Bazı sensörler (Genel Sensör API) yalnızca belirli tarayıcılarda ve güvenli bağlamda çalışır. “Desteklenmiyor” görmek normaldir; derslerde bu farkları konuşmak için idealdir.

Cihaz & Özellik Testleri

Link & Window Testleri

Link target testleri

`window.open` testleri

`location` API testleri

Dosya & İndirme Testleri

Link ile dosya indirme / açma

Kabul Et & Yakala (input type="file")

Yakalama Testi

Kamera Yakalama (Android deseni)

Çerez Testleri

localStorage Testleri

sessionStorage Testleri

IndexedDB Testleri

Form Eleman Testleri

Canvas & SVG Testleri

Canvas

SVG

Medya & Nesne Testleri

Video

Nesne

Sürükle & Bırak Testleri

Diğer HTML / JS Testleri

Pano & Paylaşım

Tam Ekran & Görünürlük

Bildirim & Diğerleri

Çıktı

Cihaz & Sensör Kılavuzu

Bootstrap Bileşen Testleri

Accordion

Accordion Item #1

Alerts

Badge

Breadcrumb

Buttons

Button group

Card

Kart Başlığı

Carousel

Close button

Collapse

Dropdowns

List group

Modal

Navbar

Navs & tabs

Offcanvas

Offcanvas Başlığı

Pagination

Placeholders

Popovers

Progress

Scrollspy

Spinners

Toasts

Tooltips