Mengembangkan aplikasi web untuk ponsel terkadang membawa kebutuhan untuk hanya membuat konten terpisah untuk perangkat yang berbeda. Beberapa waktu yang lalu saya harus membuat aplikasi web yang akan terlihat cantik pada keduanya, iPhone dan beberapa perangkat berbasis Windows Mobile oleh HTC! Pada akhirnya itu menjadi lebih sederhana hanya untuk membuat halaman lain untuk perangkat WM. Berikut ini adalah cuplikan kode yang saya sisipkan di header halaman indeks aplikasi web.
Mengembangkan aplikasi web untuk ponsel terkadang membawa kebutuhan untuk hanya membuat konten terpisah untuk perangkat yang berbeda.
Beberapa waktu yang lalu saya harus membuat aplikasi web yang akan terlihat cantik pada keduanya, iPhone dan beberapa perangkat berbasis Windows Mobile oleh HTC! Pada akhirnya itu menjadi lebih sederhana hanya untuk membuat halaman lain untuk perangkat WM.
Berikut ini adalah cuplikan kode yang saya sisipkan di header halaman indeks aplikasi web:
<script type="text/javascript"> function browser(){ var browser = navigator.userAgent; //alert(browser); //Windows Mobile if (browser.match("MDA_compact")|| browser.match("MSIE")) { window.location.href = "mda/index.html"; } //iPhone & Rest else{ document.write('<meta name="apple-mobile-web-app-capable" content="yes" />' +'<link rel="apple-touch-icon" href="webapplogo.gif"/>' +'<meta name="apple-mobile-web-app-status-bar-style" content="black" />' +'<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />' +'<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />' +'<link href="style.css" rel="stylesheet" type="text/css" />' +'<link href="pie.css" rel="stylesheet" type="text/css" />' +'<link href="chart.css" rel="stylesheet" type="text/css" />' +'<link href="messages.css" rel="stylesheet" type="text/css" />' +'<link href="news.css" rel="stylesheet" type="text/css" />' +'<link rel="stylesheet" href="stylesheets/glider.css" type="text/css" media="screen" charset="utf-8">'); } } browser(); </script>
Anda mungkin ingin mengetahui terlebih dahulu, bagaimana perangkat / browser target dipanggil. Hapus tanda peringatan (browser) dan dapatkan nama. Adaptasi browser.match ("Target_browser") dan tentukan apa yang ingin Anda lakukan dalam kasus itu, misalnya redirect ke halaman lain.
Comment: