vconsole在低版本瀏覽器上白屏問題(包括ios Android)Vue解決方案

vconsole是一個在移動設(shè)備上調(diào)試的神器,但是在某些手機(jī)上,會有白屏問題。
先看報錯:

Uncaught ReferenceError: ResizeObserver is not defined,source: http://10.1.2.113:8081/js/app.js(4422)

這段報錯指出ResizeObserver 這個方法找不到
百度找了一下這個API


image.png

這個api是用來vconsole界面大小適配用的


image.png

這個api的兼容性其實(shí)已經(jīng)算很好了,但耐不住公司有特別古老的機(jī)型在測試,最低版本的安卓也是2018年月更新的適配。

為了解決這個適配問題

  1. 安裝resize-observer-polyfill
yarn  add resize-observer-polyfill
或者
npm i resize-observer-polyfill

2.main.js引入

import ResizeObserver from 'resize-observer-polyfill'
掛載到window上,因為插件內(nèi)是使用的new語法 會直接在window上找
 window.ResizeObserver = ResizeObserver

至此,問題解決..

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容