Mobil Web Uygulamalarının Masa Üstü Bilgisayarlarda Test Edilmesi

Masa üstü bilgisayarınızdaki internet tarayıcılarını mobil web sayfa geliştirmelerinizde kullanabilirsiniz. Bir çok masa üstü web tarayıcısının sunduğu yapılara aşağıdaki yazıda değineceğim.

Genel olarak yapmanız gereken:

• Tarayıcınızın User Agent özelliğini, hedeflediğiniz mobil cihaz ile eşlemek.
• Tarayıcınızın pencresini resize ederek, mobil cihaz boyutuna getirmek.
• Tarayıcınızın developer tools özelliğini mobil sitenizin debug ve testi için kullanmanız.

Web tarayıcıları:

Mozilla Firefox:

User Agent Switcher Add-on:

https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

Tools / Default User Agent seçeneğinden bu özelliğe erişebilirsiniz.

Chrome:

User-Agent Switcher for Chrome Extension:

Safari:

Mac:

Safari menüsü / Prefrences / Advanced sekmesi / Show Develop menu in menu bar seçeneğini seçiniz.

Windows:

Keyboard Alt butonu / Edit menüsü / Prefrences / Advanced sekmesi / Show Develop menu in menu bar seçeneğini seçiniz.

Develop menüsünden User Agent seçeneğinde, hedeflediğiniz tarayıcıyı seçebilirsiniz.

Internet Explorer:

Tools / Developer Tools’ ı seçiniz. Açılan panel de Tools / Change user agent string.

•