jsをクリックしてダウンロードしてiOSまたはAndroidにジャンプします.

3372 ワード

原文のリンク:http://caibaojian.com/android-ios-downapp.html
モバイルのwapの上で、最もよくあるのはユーザーを導いて自分のアプリケーションをインストールすることをダウンロードするので、どのようにjsを通じて(通って)クリックしてダウンロードがiosですか?それともAndroidですか?実は簡単です.ユーザのデバイスはiOSかAndroidかを判断して、それぞれジャンプすればいいです.
前に書いたコードの一つは、iOSかAndroidかを判断することです.

var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android  
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios  
alert('   Android:'+isAndroid);
alert('   iOS:'+isiOS);
この判断があれば、対応するプラットフォームによって操作できます.
1.Androidの場合は、直接にアプリをダウンロードしたり、Androidアプリ市場でダウンロードしたりします.
2.iOSのは、アップルストアのアプリケーションページに直接ジャンプしてダウンロードします.
3.他のプラットフォームは、ユーザー定義のページにジャンプします.例えば、複数のプラットフォームが置いてあるダウンロードページです.
//code from http://caibaojian.com/android-ios-downapp.html
function downApp(){
	var u = navigator.userAgent, 
	isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
	isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
	urls = {
		'android':'http://ftp-apk.pcauto.com.cn/pub/autoclub-5000-autowapDL1.apk',
		'ios':'https://itunes.apple.com/cn/app/zhong-guo-che-you-hui/id640447959',
		'other':'http://www1.pcauto.com.cn/app/20141120/pcautoapp/index.html'
	};
	//    
	// window.location.href = isAndroid? urls.android : isiOS? urls.ios : urls.other;
	//  
	if(isAndroid){
		window.location.href=urls.android;
	}else if(isiOS){
		window.location.href=urls.ios;
	}else{
		window.location.href=urls.other;
	}
}
downApp();
この関数を直接ボタンまたはリンクに置いて、このイベントをトリガーするにはクリックしてください.jsをクリックして、携帯に似合う機器にジャンプすることができます.
たとえば:
クリックしてアプリケーションをダウンロードします
上のアプリケーションのリンク先を変更して、対応するパスを設定してください.
携帯電話を開けて下のこのボタンをクリックして効果を試してみてください.PCでクリックすると、ダウンロードのまとめページにジャンプします.
ソース:フロントエンド開発ブログ