Rumah > hujung hadapan web > tutorial js > Berdasarkan JS, lompat ke halaman web mudah alih yang sepadan apabila terminal mudah alih mengakses kemahiran PC page_javascript

Berdasarkan JS, lompat ke halaman web mudah alih yang sepadan apabila terminal mudah alih mengakses kemahiran PC page_javascript

WBOY
Lepaskan: 2016-05-16 15:05:30
asal
1577 orang telah melayarinya

Jika anda tidak mahu menggunakan paparan penyesuaian CSS untuk memaparkan gaya yang berbeza pada PC dan terminal mudah alih, anda hanya boleh melompat ke halaman web mudah alih yang sepadan apabila mengakses halaman web PC pada terminal mudah alih juga pilihan di Internet Banyak artikel menyatakan bahawa idea pelaksanaan berikut telah diuji oleh editor dan boleh digunakan dengan yakin.

1. Rendering

Paparan akses PC:

Paparan akses mudah alih:

2. Pelaksanaan:

Jika anda tidak mempertimbangkan pengoptimuman enjin carian mudah alih, anda hanya perlu menggunakan JS untuk menentukan sama ada ia mudah alih, dan kemudian tentukan sama ada untuk melompat ke halaman yang ditentukan JS utama adalah seperti berikut:

//判断是否移动端,如果是则跳转到指定的URL地址
function browserRedirect(url) {
//只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
window.location.replace(url);
}
}
Salin selepas log masuk

Kemudian rujuk JS pada halaman dan panggil kaedah:

<script src="../js/wap.js"></script>
<script type="text/javascript">browserRedirect("http://ycdoit.com/test/testmobile.html");</script> 
Salin selepas log masuk

Peringatan mesra daripada Script House: Anda boleh menggunakan PC dan mudah alih untuk melawati halaman ujian untuk menunjukkan kesannya!

Artikel ini memperkenalkan anda kepada pelaksanaan berasaskan JS untuk melompat ke halaman web mudah alih yang sepadan apabila terminal mudah alih mengakses halaman PC saya harap ia akan membantu anda!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan