关于window.onload移动端不加载问题

最新推荐文章于 2022-05-06 20:18:19 发布

wayne.C

最新推荐文章于 2022-05-06 20:18:19 发布

阅读量1.2k

点赞数

分类专栏： react+antd 文章标签：前端

本文链接：https://blog.csdn.net/qq_38482205/article/details/120892073

版权

react+antd 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文探讨了在Web端使用`window.onload`与`fetch`函数时遇到的在苹果或某些浏览器中不显示内容的问题。提出两种解决方案：一是直接调用`fetch`，二是通过`setTimeout`延迟执行，确保渲染完成后再执行。此外，还提供了一个移动端与Web端加载优化的判断函数`IsPc`，根据设备类型决定加载方式。

摘要由CSDN通过智能技术生成

window.onload = function fetch(){};在web端速度非常快，但是在苹果或某些浏览器不展示的问题

1.直接

function fetch(){}
fetch();

2.如果fetch是插入节点，渲染速度导致过快，建议加一个定时器

function fetch(){}

setTimeout(() => {
	fetch();
}, 1000);

或者通过判断web端与移动端来进行加载优化

function IsPc() {
    let userAgent = navigator.userAgent,Agents = ["Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"];
    return Agents.some((i)=>{
        return userAgent.includes(i)
    })
}
let state = IsPc();

if(!state){
    window.onload = fetch();
}else{
    fetch();
}

调用，返回的值是true（移动端）/false（web端）

https://blog.csdn.net/weixin_36706903/article/details/108533253