本文介绍了在加载单页面应用（SPA）时，针对iOS设备出现黑屏问题的解决方案，主要涉及CSS异步加载。内容包括通过在link标签中设置media属性和onload事件，以及根据设备类型选择性地加载样式文件，如Android设备可能需要避免CSS异步加载。同时，文中还提到了HTML打包成JS文件和使用动态加载CSS的方法。
要解决这个问题，可进行异步加载js和css。
解决完了以后测试时发现。android，在低版本不支持css的异步加载
所以做如下处理
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css"
media="none" οnlοad="if(media!='all')media='all'">
其实导入方式有多种：
第一种
页面直接写
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css" media="none" οnlοad="if(media!='all')media='all'">
判断是
android终端的话在增加
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css">
相当于
android终端页面会加载两个样式
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css" media="none" οnlοad="if(media!='all')media='all'">
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css">
第二种
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css">
第二种
页面直接写
<link rel="stylesheet" href="styles/vendor-6c0bf35735.css" media="none" οnlοad="if(media!='all')media='all'">
判断是
最低0.47元/天 解锁文章
扫一扫
4414
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
