Nasıl kullanılır
- HTML kodunuzu kod alanına yapıştırın.
- Düzenlemelerinizi önizlemede görmek için Canlı önizleme seçeneğini açın.
- Kodunuzdaki betikleri çalıştırmak için JavaScript seçeneğini açın.
- Mobil görünümü kontrol etmek için Viewport altında Mobil 375 seçeneğini seçin.
Örnekler
Ürün kartı: boyut ve öğe sayısı
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>body{margin:16px;font-family:Arial,sans-serif}.kart{max-width:320px;padding:20px;background:#f3f4f6;border-radius:12px}strong{color:#166534}</style>
<div class="kart"><h2>Rize Çayı</h2><p>500 g dökme siyah çay</p><strong>185 TL</strong></div>Boyut: 322 B · Öğeler: 6 · Harici kaynaklar: 0
JavaScript hata kaydı
<h2>Sipariş kontrolü</h2>
<script>
console.log('Sipariş', {sehir: 'İzmir', adet: 2});
siparisiTamamla();
</script>Boyut: 118 B · Öğeler: 2 · Harici kaynaklar: 0
Konsol (2):
Sipariş {"sehir":"İzmir","adet":2}
Uncaught ReferenceError: siparisiTamamla is not defined (satır 4:1)Sık sorulan sorular
Web sitesi adresini yapıştırarak sayfayı görüntüleyebilir miyim?
Adres yapıştırdığınızda araç sayfayı indirmez; adresi düz metin olarak gösterir. Bir sitenin HTML kaynağı için Sayfa Kaynağını Görüntüle aracını kullanın.
HTML önizlemesinde resimler ve CSS neden görünmüyor?
img/logo.png veya style.css gibi göreli yollar, HTML'de base href etiketi yoksa yüklenemez. Tam URL kullanın veya base href etiketi ekleyin. Harici kaynakları engelle seçeneği açıksa başka sunuculardaki resimler ve stil dosyaları da yüklenmez.
HTML kodum sunucuya gönderiliyor mu?
Araç HTML kodunuzu tarayıcınızda işler; kodu sunucuya göndermez ve kaydetmez. Ancak Harici kaynakları engelle seçeneği kapalıysa HTML'deki harici kaynaklar kendi sunucularından yüklenir ve bu sunucular IP adresinizi görebilir.
Hangi HTML dosyalarını açabilirim?
.html, .htm, .xhtml, .svg ve .txt dosyalarını açabilirsiniz; 5 MB üzerindeki dosyalar kabul edilmez. Tam bir HTML belgesi yerine yalnızca bir HTML parçası da kullanabilirsiniz.