>  기사  >  웹 프론트엔드  >  vue ie8의 비호환성 프롬프트를 해결하는 방법

vue ie8의 비호환성 프롬프트를 해결하는 방법

藏色散人
藏色散人원래의
2023-01-29 10:20:081695검색

Vue ie8 호환되지 않는 솔루션: 1. "babel-polyfill"을 사용하여 ES6 구문을 ES5로 변환합니다. 2. "es6-promise"를 도입합니다. 3. 브라우저를 업그레이드하거나 "(function(w){ if(! (w&&2===w.WebSocket.CLOSING의 "WebSocket")){...}" 그냥 업그레이드로 이동하세요.

vue ie8의 비호환성 프롬프트를 해결하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, DELL G3 컴퓨터

vue ie8 비호환 프롬프트 해결 방법

Vue가 하위 버전 브라우저와 호환되는 문제를 해결하는 쉬운 방법

Vue는 IE8이 에뮬레이트할 수 없는 ECMAScript 5 기능을 사용하기 때문에 IE8 이하를 지원하지 않습니다. .. 그러나 ECMAScript 5와 호환되는 모든 브라우저를 지원합니다. Vuex 및 axios를 사용할 때 브라우저 지원이 필요하며 IE는 Promise를 지원하지 않습니다.

Tip: 프로젝트가 IE 사용자를 지원해야 하는 경우 빌드하지 않는 것이 좋습니다. Vue를 사용하여 더 많은 브라우저 버전을 지원하는 방법

방법 1. Babel-polyfill은 ES2015+를 시뮬레이션합니다.

babel-polyfill을 사용하여 ES6 구문을 ES5로 변환하고 전체 ES2015+ 환경을 시뮬레이션할 수 있습니다. Array.from, Object.sign, Array.prototype.includes.

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

Method 2, es6-promise는 Promise

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

를 지원합니다. 팁: 이러한 폴리필은 일부 요구 사항을 충족하지만 사실상 프로젝트 크기를 증가시킵니다. 3. 낮은 버전 브라우저 팁

낮은 버전 브라우저와의 호환성은 그 자체로 매우 고통스러운 일입니다. 동시에 IE 브라우저는 기본적으로 이러한 브라우저와 호환되기 위해 너무 많은 작업이 수행되면 과거의 일이 되었습니다.

사용자에게 브라우저를 업그레이드하도록 상기시키는 것도 좋은 생각입니다. 권장 웹사이트: Happy Browsing: VUE 프로젝트에 공개 색인을 포함한 일반 브라우저 다운로드를 제공합니다.

브라우저 업그레이드 메시지

(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 Video Tutorial
"
.

위 내용은 vue ie8의 비호환성 프롬프트를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.