解決Vue2.0自帶瀏覽器里無法打開的原因（兼容處理）
本文介紹了解決Vue2.0自帶瀏覽器里無法打開的原因（兼容處理），分享給大家，希望對(duì)大家有幫助
Vue 之 android內(nèi)嵌H5頁面不顯示出現(xiàn)這個(gè)問題，原因有很多
首先，別急，請(qǐng)看下面的推薦方案：
1、找個(gè)Android真機(jī)測(cè)試下（機(jī)型版本為4.4以上），真機(jī)聯(lián)調(diào)測(cè)試
Android
只需要四個(gè)步驟：
1、先保證 是否安裝了chrome瀏覽器
2、其次 ，保證 chrome 是否 已經(jīng)成功！
3、最后 使用Android 真機(jī)連接 電腦
4、最后的最后，打開chrome ,輸入：chrome://inspect
即可，另外，chrome只支持 android 4.4以上手機(jī)！
IOS
只需要兩步驟：
1、打開手機(jī)端web檢查器，設(shè)置 -> Safari -> 高級(jí)（最底部） -> Web 檢查器 打開
2、確保iOS系統(tǒng)手機(jī)接入 MAC 電腦（必須是Mac，window調(diào)試不了ios系統(tǒng)）
3、找到Mac電腦的 Safari瀏覽器，找到開發(fā)者，就會(huì)顯示的手機(jī)的設(shè)備
4、此時(shí)此刻就可以使用了，調(diào)試各個(gè)App上網(wǎng)頁版的頁面了。
注：如果是 Hybrid 嵌入式開發(fā)，線上版本，可能就不能調(diào)試了，因?yàn)镮OS App 會(huì)把線上的調(diào)試功能給禁用，安全！
2、如果報(bào) 報(bào)錯(cuò) vuex requires a Promise polyfill in this browser.那么，就是兼容性不夠好，請(qǐng)看下面的解決方案：
首先,使用 node 安裝 *babel-polyfill 命令*
npm install --save-dev -polyfill
解決方案1：在 webpack.config.js 文件中，entry 入口處修改，加入即可
"babel-polyfill":"babel-polyfill",//用來解決的兼容性
例如：
entry: {
"babel-polyfill":"babel-polyfill",//用來解決的兼容性
app: path.resolve(__dirname, config.entry.module + "/app.js"),
vendor: config.entry.vendor
},解決方案2：不修改webpack的情況下，在你的主入口文件頭部加入，例如：app.js中加入即可
import 'babel-polyfill'
例如：
import 'babel-polyfill' import Vue from 'vue'; Vue.config.debug = true;
解決方案3：也就是使用cdn的資源，以js的文件加入到html頁面：例如：
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
PS：我沒試過
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
vue+element?ui表格添加多個(gè)搜索條件篩選功能(前端查詢)
這篇文章主要給大家介紹了關(guān)于vue+element?ui表格添加多個(gè)搜索條件篩選功能的相關(guān)資料,最近在使用element-ui的表格組件時(shí),遇到了搜索框功能的實(shí)現(xiàn)問題,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vue如何禁止打開調(diào)試模式方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
這篇文章主要介紹了基于element-UI input等組件寬度修改方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例
這篇文章主要介紹了vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例，在完成Vue項(xiàng)目以后，在上傳到github并實(shí)現(xiàn)預(yù)覽2018-11-11
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)文件上傳和下載，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了Vue3中Composition的一些常見API的用法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06
Vue2.0學(xué)習(xí)之詳解Vue 組件及父子組件通信
本篇文章主要介紹了Vue2.0學(xué)習(xí)之詳解Vue 組件及父子組件通信，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
基于Vue3+Element Plus 實(shí)現(xiàn)多表單校驗(yàn)demo
表單校驗(yàn)在日常的開發(fā)需求中是一種很常見的需求,通常在提交表單發(fā)起請(qǐng)求前校驗(yàn)用戶輸入是否符合規(guī)則,通常只需formRef.value.validate()即可校驗(yàn),本文給大家介紹基于Vue3+Element Plus 實(shí)現(xiàn)多表單校驗(yàn)demo,感興趣的朋友一起看看吧2024-06-06
vue實(shí)現(xiàn)移動(dòng)端彈出鍵盤功能(防止頁面fixed布局錯(cuò)亂)
這篇文章主要介紹了vue?解決移動(dòng)端彈出鍵盤導(dǎo)致頁面fixed布局錯(cuò)亂的問題,通過實(shí)例代碼給大家分享解決方案，對(duì)vue?移動(dòng)端彈出鍵盤相關(guān)知識(shí)感興趣的朋友一起看看吧2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)表單錄入小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09