解決Vue2.0自帶瀏覽器里無(wú)法打開的原因（兼容處理）
本文介紹了解決Vue2.0自帶瀏覽器里無(wú)法打開的原因（兼容處理），分享給大家，希望對(duì)大家有幫助
Vue 之 android內(nèi)嵌H5頁(yè)面不顯示出現(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)頁(yè)版的頁(yè)面了。
注：如果是 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",//用來(lái)解決的兼容性
例如：
entry: {
"babel-polyfill":"babel-polyfill",//用來(lái)解決的兼容性
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頁(yè)面：例如：
<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多級(jí)多選菜單組件開發(fā)案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
今天小編就為大家分享一篇vue初始化動(dòng)畫加載的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-09-09
項(xiàng)目中Axios二次封裝實(shí)例Demo
vue項(xiàng)目經(jīng)常會(huì)用到axios來(lái)請(qǐng)求數(shù)據(jù),那么首先肯定需要對(duì)這個(gè)請(qǐng)求方法進(jìn)行一個(gè)二次封裝,這篇文章主要給大家介紹了關(guān)于項(xiàng)目中Axios二次封裝的相關(guān)資料,需要的朋友可以參考下2021-06-06
本文主要介紹了vite.config.js配置入門詳解，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
要在Vue?3和Electron中實(shí)現(xiàn)本地化,可以使用類似于在Vue項(xiàng)目中進(jìn)行本地化的方式,本文為大家介紹了一種常見的做法,希望對(duì)大家有所幫助2024-03-03
vue 自動(dòng)化路由實(shí)現(xiàn)代碼
這篇文章主要介紹了vue 自動(dòng)化路由實(shí)現(xiàn)代碼，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了利用report分析vue項(xiàng)目中各文件大小問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
Vue.js實(shí)現(xiàn)watch屬性的示例詳解
本文討論了watch函數(shù)是如何利用副作用函數(shù)和options進(jìn)行封裝實(shí)現(xiàn)的，也通過調(diào)度函數(shù)去控制回調(diào)函數(shù)的立即執(zhí)行和執(zhí)行時(shí)機(jī)，還可以解決競(jìng)態(tài)問題，感興趣的可以了解一下2022-04-04
Vue WatchEffect函數(shù)創(chuàng)建高級(jí)偵聽器
watchEffect傳入的函數(shù)會(huì)被立即執(zhí)行一次，并且在執(zhí)行的過程中會(huì)收集依賴；其次，只有收集的依賴發(fā)生變化時(shí)，watchEffect傳入的函數(shù)才會(huì)再次執(zhí)行2023-03-03
本文主要介紹了Vite熱更新失效的問題解決,原因是文件夾和文件名大小寫不一致,下面就來(lái)解決一下次問題,感興趣的可以了解一下2024-08-08