ホームページ  >  記事  >  ウェブフロントエンド  >  vue ie8 の非互換性プロンプトを解決する方法

vue ie8 の非互換性プロンプトを解決する方法

藏色散人
藏色散人オリジナル
2023-01-29 10:20:081689ブラウズ

Vue ie8 と互換性のない解決策: 1. "babel-polyfill" を使用して ES6 構文を ES5 に変換します; 2. "es6-promise" を導入します; 3. ブラウザーをアップグレードするか、"(function (w) を渡すように要求します) {if(!("WebSocket" in w&&2===w.WebSocket.CLOSING)){...}" そのままアップグレードに進みます。

vue ie8 の非互換性プロンプトを解決する方法

#このチュートリアルの動作環境: Windows 10 システム、Vue バージョン 3、DELL G3 コンピューター

vue ie8 の非互換性プロンプトを解決するには?

解決策Vue への以前のバージョンのブラウザと互換性を保つための簡単な方法

Vue は、IE8 ではエミュレートできない ECMAScript 5 機能を使用するため、IE8 以下をサポートしません。ただし、ECMAScript 5 と互換性のあるすべてのブラウザはサポートされます。 Vuex Axios を使用する場合、ブラウザのサポートが必要です: Promise、ただし IE は Promise をサポートしません。

ヒント: プロジェクトで IE ユーザーをサポートする必要がある場合、Vue を使用してビルドすることはお勧めできません。

Vue を使用してより多くのブラウザ バージョンをサポートする方法

方法 1. Babel-polyfill で ES2015 をシミュレートする

babel-polyfill を使用して ES6 構文を ES5 に変換し、ES2015 環境全体をシミュレートします。 Promise と WeakMap を使用できます。メソッド Array.from、Object.assign、Array.prototype.includes。

npm install --save babel-polyfill
require("babel-polyfill");
import "babel-polyfill";

メソッド 2、es6-promise は Promise をサポートします

npm install es6-promise
require('es6-promise').polyfill();

ヒント: これらのポリフィルは満たしていますが、一部のニーズ、それらは目に見えない プロジェクトのサイズが大きくなった

方法 3、下位バージョンのブラウザに関するヒント

下位バージョンのブラウザとの互換性はそれ自体が苦痛であり、IE ブラウザは基本的にこれらのブラウザと互換性を持たせるために多大な労力を費やしすぎると、本当に無駄になります。

これは、ユーザーにブラウザのアップグレードを促す良い方法でもあります。推奨 Web サイト: Happyブラウジング.

ハッピー ブラウジング: Google、Firefox、360 ブラウザなど、一般的に使用されるブラウザのダウンロードを提供します。次の JS コードを VUE プロジェクトの public\index.html ファイルに追加します。

ブラウザのアップグレードを求めるプロンプト

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML=&#39;<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>&#39;;var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));

直接ジャンプ

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));

一般的に、次のようなものがあります。現在、IE ユーザーは基本的に非常に少ないため、IE ユーザーと互換性を持たせるために多くの妥協をする必要はありません。おそらく、ユーザーにブラウザのアップグレードを強制することが良い選択肢となるでしょう。

推奨される学習: 「

vue ビデオ チュートリアル

以上がvue ie8 の非互換性プロンプトを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。