移動端bug和優化

2022-07-24 13:42:15 字數 1689 閱讀 6555

1、字型相容bug

描敘:ios預設字型和andriod不一樣,需要設定html的預設字型樣式

例子:font-family: pingfang-sc-regular,helvetica,sans-serif;

2、weibojsbridge設定bug

描敘:android的jsbride設定不起作用,需要執行init方法

例子:bridge.init(function (message, responsecallback) ;

responsecallback(data);

});3、日誌統計會阻塞,記憶體異常

描敘:js呼叫jsbrige會導致執行緒阻塞,使用settimeout放入佇列中

例子:settimeout(() =>

});}else if(bus.browsertype=="ios")

});}else)

}}, 0);

4、echarts 圖表在android不顯示

描敘:切換頁面的時候,android圖表不現實,手碰到螢幕後正常顯示

例子:可能是webview渲染方式所導致。

5、首頁使用預設資料,加快渲染

描敘:需要獲取客戶端的資訊後,再post請求後台介面,這樣會多一段等待時間

例子:將config資訊快取到本地,加快請求

6、首頁使用本地快取,加快渲染

描敘:需要等ajax返回資料後,再渲染頁面,頁面有一段空白時間

例子:對首屏資料進行快取,直接渲染到頁面

7、scheme鏈結跳轉問題

8、es6語法相容問題

描敘:js的語法在低版本的android中不相容,導致報錯

例子:import 'es6-promise/auto';

9、echarts在android切換的時候,有的時候不顯示

描敘:js的語法在低版本的android中不相容,導致報錯

例子:echarts低版本導致的問題,引入3.7.2

10、android不存在本地快取

描敘:android的本地快取沒有生效,懷疑是沒有快取

例子:android啟用本地快取

11、頁面在隱藏的時候,也會不停的傳送日誌

描敘:android 是按鈕切換的時候,ios用中間返回鍵的時候,不能獲取頁面是否顯示,其他情況可以

例子:ios縮小隱藏的時候,傳送日誌

·//監聽瀏覽器當前頁面是否被啟用的事件

var hiddenproperty = 'hidden' in document ? 'hidden' :

'webkithidden' in document ? 'webkithidden' :

'mozhidden' in document ? 'mozhidden' :

null;

var visibilitychangeevent = hiddenproperty.replace(/hidden/i, 'visibilitychange');

var onvisibilitychange = function()

}document.addeventlistener(visibilitychangeevent, onvisibilitychange);·

12、首頁做了下優化,改成rem自適應的布局

1、改成rem自適應的布局,提高了頁面製作和修改效率

2、js檔案減少了27kb,css檔案減少了37kb

移動端bug總結

1.移動端按鈕點選藍框去除 button,input type button 2.position fixed在transform元素下變成position absolute 父元素 祖先元素 中的transform屬性會導致其下的子元素position fixed變成position absolu...

移動端bug集合

移動端軟鍵盤遮擋輸入框 ios移動端點選輸入框字型放大 ios點選閃爍 移動端軟鍵盤遮擋輸入框 自 深入 英文和數字不換行?word break break all ios移動端點選輸入框字型放大bug?即 ios點選閃爍 在最大的祖先元素上設定css webkit tap highlight co...

移動端BUG排查思路

2020年 是我做測試的第7年,也是做移動端測試第7年。現分享分享下移動端bug排查思路 一 輔助工具 fidlder charles 移動端測試的吃飯工具,用於抓去http請求後,然後進行各類分析及操作 二 熟悉並了解常見http碼 比如 抓包看到請求 404 那就是資源不存在。那就3種可能 1 ...