📱 Mobilde Web Sayfan Farklı mı Görünüyor? Chrome ile Telefonu Bilgisayardan Debug Et!
Web geliştiricileri olarak tarayıcıda her şey mükemmel görünürken, mobilde işler karışabiliyor. Mobilde kaymalar, taşmalar ya da bozuk görünümler… Peki telefondaki Chrome tarayıcısını bilgisayardan birebir inceleyebileceğini biliyor muydun?
Bu yazıda sana telefonda açtığın web sayfalarını bilgisayarda nasıl debug edeceğini adım adım anlatacağım.
🔧 1. Geliştirici Modunu Aç (Android)
- Ayarlar > Hakkında Telefon bölümüne gir.
- Yapım numarası kısmına 7-10 kez üst üste tıkla.
- “Artık geliştiricisiniz” uyarısını alınca hazırsın.
🐞 2. USB Hata Ayıklamayı Aç
- Ayarlar > Geliştirici Seçenekleri’ne git.
- USB Hata Ayıklama (USB debugging) seçeneğini aktif et.
🔌 3. Telefonu Bilgisayara Bağla
- Telefonunu USB ile bilgisayarına bağla.
- Ekranda “USB hata ayıklamasına izin ver” çıkarsa İzin Ver.
🖥️ 4. Bilgisayarda Chrome’da chrome://inspect Sayfasını Aç
- Bilgisayarındaki Chrome tarayıcısını aç.
- Adres çubuğuna şu adresi yaz:
chrome://inspect - Bağlı cihazı ve açık olan sekmeleri göreceksin.
👀 5. Mobildeki Sayfayı Bilgisayarda İncele
- Telefonunda Chrome tarayıcısını aç ve web uygulamanı (örnek:
https://webrapor.net) ziyaret et. - Bilgisayarda,
chrome://inspectsayfasında o sekmeyi bul. - Yanındaki Inspect bağlantısına tıkla.
- 🎯 Mobildeki sayfa artık masaüstü inspect penceresiyle karşında!
✅ Sonuç: Mobil Debug Artık Çok Kolay
Artık mobildeki sayfanı birebir inceleyebilir, element ve style panelleriyle anlık değişiklik yapabilir, hataları kolayca yakalayabilirsin. Özellikle responsive tasarımda bu yöntem çok işine yarayacak.