まとめ:
フロントエンド開発のための私たちの最も重要な仕事は、互換性、システム互換性、ブラウザの互換性などです。今日、プロジェクトにカプセル化したオペレーティングシステムとブラウザを審査する方法を共有します。
オペレーティング·システム:
var os =(function(){var useragent = navigator.useragent.tolowercase(); return {isipad:/ipad/.test(useragent)、isiphone: /iphone os /.test(useragent(useragent)、isandroid: /android/.test( /Windows Mobile /.test(useragent)、iswin2k: /windows nt 5.0 /.test(useragent)、isxp: /windows nt 5.1 /.test(useragent(useragent)、isvista: /windows nt 6.0 /.test(useragent)、iswin7: /windows nt 6.1 /.test(useragent)、iswin8: /.test(uswin8: /.test) iswin81: /windows nt 6.3 /.test(useragent)};}());システムがiPadであるかどうかを判断したい場合は、(os.isipad){}を判断するだけです。
ブラウザ:
var bw =(function(){var useragent = navigator.useragent.tolowercase(); return {isuc:/ucweb/.test(useragent)、// uc browser ischrome/.test(useragent.substr( /firefox/.test(useragent)、// firefox isopera:/pera/.test(useragent)、// opera browser issafire:/safari/.test(useragent)&&!/chrome/.test(useragent)、// firefox isopera:/opera/.phera/. :/safari/.test(useragent)&&!/chrome/.test(useragent)、// safire browser is360:/360se/.test(useragent)、// 360ブラウザーisbaidu:/bidubrowser/.test( // sogouブラウザーisie6: /msie 6.0 /.test(useragent)、// ie6 isie7: /msie 7.0 /.test(useragent)、// ie7 isie8: /msie 8.0 /.test(useragent(useragent)、// ie8 isie9: /msie 9.0 /.test(useragent)) 10.0/.test(useragent)、// ie10 isie11:/msie 11.0/.test(useragent)、// ie11 islb:/lbbrowser/.test(useragent)、// cheetah browser iswx:/micromessenger/.test( /qqbrowser/.test(useragent)// qq browser};}());]
まとめ:
ブラウザは自分でテストされます。問題があるのは、Chromeブラウザです。ほとんどのブラウザはWebKitカーネルを使用しているため、Chromeナビゲーションを傍受してそれらを区別しました。 Chrome Navigatorの情報位置またはChromeが将来変化した後の長さの場合、問題は簡単に発生しますが、現在は問題ありません。
最近では、携帯電話のUCブラウザはBaiduの広告をブロックすることがよくありますが、Google広告をブロックしないためです。 UCブラウザかどうかを判断するために追加できます。 Baiduの広告は表示されませんが、Googleの広告が表示されます。
if(navigator.useragent.indexof( 'ucbrowser')> -1){alert( "uc browser");} else {// theucブラウザーによって実行された操作ではありません}実際、特定のブラウザのいくつかの特殊操作に合格することができます
JSはブラウザ情報を取得します
ブラウザコード名:navigator.appcodename
ブラウザ名:navigator.appname
ブラウザバージョン番号:Navigator.Appversion
Javaのサポート:navigator.javaenabled()
mimeタイプ(配列):navigator.mimetypes
システムプラットフォーム:navigator.platform
プラグイン(配列):navigator.plugins
ユーザーエージェント:navigator.useragent