Linux Mint Türkiye
Sanat ve Üretim => Web Tasarım => Konuyu başlatan: Semih - 18 Aralık 2016, 01:58:13
-
Hazırladığım sitelerin farklı mobil cihazlarda nasıl göründüğünü test etmek istiyorum. Bu konu ile ilgili online hizmet veren siteler var fakat bunlar ihtiyacımı görmüyor. Sadece normal siteyi o ekran çözünürlüğünde açıyor. Halbuki benim sitelerim mobilde farklı tasarımda pc de farklı tasarımda. Bu ihtiyacımı giderecek bir ücretsiz uygulama var mı? Yada önereceğiniz bir yol.
Sistem: Mint Cinnamon 17.3
-
http://responsivetest.net/ (http://responsivetest.net/)
adresinden tasarımlarınızın mobil uyumlu olup olmadığını kontrol edebilirsiniz. Örneğin : ana sayfamız iPhone cihazında böyle görünüyormuş :
http://responsivetest.net/#u=https://www.linuxmint.net.tr|640|1136|2 (http://responsivetest.net/#u=https://www.linuxmint.net.tr|640|1136|2)
-
Malesef bu tür online uygulamalar sadece siteyi o ekran ölçüsüne getiriyor. Benim sitelerimde mobil cihazdan girince mobil tema açılıyor, pc den girince normal tema açılıyor.
-
Cihazlarda nasıl kullanım sağlayacağını mı öğrenmek istiyorsunuz?
Eğer öyleyse buradan kontrol edebilirsiniz.
https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect
Mesela forumumuz
(http://i.hizliresim.com/VPEOjv.png)
-
Cihazlarda nasıl kullanım sağlayacağını mı öğrenmek istiyorsunuz?
Eğer öyleyse buradan kontrol edebilirsiniz.
https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect
Mesela forumumuz
(http://i.hizliresim.com/VPEOjv.png)
Verdiğiniz adres en azından ekran görüntüsü veriyor, teşekkürler. Bir de bunun direk mobil cihazla gezermiş gibi olan hali olsa süper olur :)
Örneğin https://ekredinotum.com sitesi pc de ayrı mobilde ayrı görünüyor. Ben direk mobilde gezer gibi gezinmek istiyorum. Bu iş için aslında Android emülatörlerine chrome kurup çalıştırılabiliyor fakat ücretsiz olanlardan herhangi birini çalıştıramadım.
-
[member=1428]Semih[/member]
Bunu buldum.Belki işinize yarar.
http://www.mobilephoneemulator.com
Kullandığınız mönitörün inç cinsinden boyutunu girin.Ardından sağdaki listeden sayılı cihaz arasından seçim yapabilirsiniz.
Daha fazlası için de alttaki linke tıklayabilirsiniz.Hepsini inceleyemedim. :)
https://lmgtfy.com/?q=mobile+phone+website+appearance+test
-
[member=1428]Semih[/member]
Bunu buldum.Belki işinize yarar.
http://www.mobilephoneemulator.com
Kullandığınız mönitörün inç cinsinden boyutunu girin.Ardından sağdaki listeden sayılı cihaz arasından seçim yapabilirsiniz.
Daha fazlası için de alttaki linke tıklayabilirsiniz.Hepsini inceleyemedim. :)
https://lmgtfy.com/?q=mobile+phone+website+appearance+test
Teşekkür ederim.
-
Merhaba!!!
Sağ tıklayıp öğeyi incele derseniz zaten oradan ekranı küçülterek telefon ve tabletlerde nasıl göründüğünü görebiliyorsunuz,
Mobil uyumluluk için css3 ile gelen media query konusuna giriş yapmanız gerekiyor, internette responsive web design diye aratırsanız bir çok kaynak çıkar.
-
Firefox için böyle bir eklenti var.İsmi User-Agent switcher.Eklentiyi yükledikten sonra Cihazın internette hangi aygıt olarak görünmesini istiyorsan eklenti üzerinden seçiyorsun ve artık sayfalar seçtiğin aygıta göre yükleniyor.Siteniz ios'ta resimdeki gibi görüntüleniyor.
(http://i.hizliresim.com/AnXXY7.png)
Eklenti linki:https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher-firefox/?src=userprofile (https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher-firefox/?src=userprofile)
Diğer tarayıcılar içinde destek sunmuşlar.Eklentinin web adresi:http://useragentswitcher.org/ (http://useragentswitcher.org/)