Heim > Web-Frontend > js-Tutorial > Hauptteil

Zwei JS-Skripte bestimmen den Typ des mobilen Browsers und springen zu den Javascript-Fähigkeiten der mobilen WAP-Website

WBOY
Freigeben: 2016-05-16 15:36:26
Original
1840 Leute haben es durchsucht

Mit der Beliebtheit mobiler Geräte können Online-Werbeaktionen von Unternehmen nicht mehr auf den PC beschränkt sein, sondern müssen gleichzeitig auch auf der mobilen Seite Erfolge erzielen. Für Unternehmenswebsites wurden diese früher am PC erstellt. Natürlich kann auch über mobile Endgeräte wie Mobiltelefone zugegriffen werden, aber das Benutzererlebnis ist definitiv nicht so komfortabel wie ein vollständig geeignetes mobiles Endgerät. Nachdem wir eine mobile WAP-Website für unsere Website erstellt haben und ein Benutzer über ein Mobiltelefon auf die Website unseres Unternehmens mit Top-Level-Domainnamen zugreift, springen wir zur speziell entwickelten WAP-Website.
Hier hat Lao Zuo zwei JS-Skripte zusammengestellt, die er derzeit verwendet. Da mich Freunde schon einmal danach gefragt haben, teile ich sie hier.

Der erste Typ: direktes JS-Skript

<script type="text/javascript">
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp"))
{
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)))
{
window.location="http://www.laozuo.org(更换成自己的WAP网站)";
}
}
}
catch(err)
{
}</script> 
Nach dem Login kopieren

Das zweite, etwas längere Zitat

function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}
Nach dem Login kopieren

Speichern Sie das obige Skript in der Datei mobile.js und verweisen Sie dann auf die folgenden 2 JS-Aufrufdateien auf der Seite, die aufgerufen werden muss.

<script src="mobile.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("http://www.laozuo.org(更换成自己的WAP网站)");</script>
Nach dem Login kopieren

Nachdem ich es selbst getestet habe, können beide js-Skripte den mobilen Browsertyp ermitteln und zur mobilen WAP-Website springen. Freunde, die ihn benötigen, können ihn direkt verwenden.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage