javascript - CSS 预加载在 Google Chrome 之外不起作用

标签 javascript html css preload

我正在尝试预加载 CSS,它在 Chrome 上运行良好,但在 Firefox(或 Edge)上运行不正常,我无法在任何地方找到解决方案。

我在 Google Chrome 74.0.3729.131 和 Firefox 66.0.5(以及 Edge 41.16299.1004.0)上进行了测试。

这在任何地方都运行良好。

<link rel="stylesheet" href="/style.css" media="all" type="text/css" />

但这只适用于 Chrome。

<link rel="preload" href="/style.css" as="style" media="all" type="text/css" onload="this.onload=null;this.rel='stylesheet'" />
<noscript><link rel="stylesheet" href="/style.css" media="all" type="text/css" /></noscript>

我看到 CSS 已充电但未加载,因此 javascript 函数将无法工作(我想找到真正的原因和解决方案,而不是使用 onerror javascript 事件绕过问题)。

最佳答案

去年 Chrome Firefox 出现问题,网络浏览器对文档上的脚本有不同的软件解释 我不得不重写脚本 让你的网站通过 w3c val 你可以找到答案 https://validator.w3.org

约翰·C

关于javascript - CSS 预加载在 Google Chrome 之外不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56076829/

相关文章:

javascript - chrome.tabs.executeScript 并仅注入(inject)到通过 manifest.json 中的匹配过滤器的页面

javascript - .NET 日期和 JSON

javascript - 加载 jQuery 的最佳方式是什么?

javascript - jQuery 用 $(selector).prop 改变 <img> src 需要很长时间

css - 页面底部的巨大空白

PHP 文件包含一般查询

javascript - 如何在 Typescript 中定义对象变量的类型?

css - 大于给定宽度的 HTML 5 Doctype 文本字段

html - 最小高度 :100% won't work as i want it too

javascript - 在其他单元格之间共享一个表格单元格 HTML5