正文 

当前位置： 首页 > 源码 >

如何调查 Firefox 中的“无法加载样式表”消息？

     2023-03-06     288

关键词：

【中文标题】如何调查 Firefox 中的“无法加载样式表”消息？【英文标题】：How do I investigate a "style sheet could not be loaded" message in Firefox? 【发布时间】：2016-08-27 14:50:30 【问题描述】：

此消息显示为页面内容下方和开发人员工具上方的红色条。如何找出浏览器引用的文件？我在 Linux Mint 17.3 上运行 46.0 版。

更新

如果我在 Firefox 中查看开发人员工具的控制台，它会显示所有 css 文件并针对每个文件显示“HTTP/1.1 200 OK”。

另一个更新

这个错误栏来来去去，它与特定页面不一致。

【问题讨论】：

Chrome 或 IE 等其他浏览器是否会出现这种情况？ 我不使用这两种浏览器。 我已经在下面为您更新了我的答案：您更新的问题。 您是否建议，如果您在一个浏览器中找不到错误，请尝试使用另一个浏览器？ 不，我是说你不能声称这是一个浏览器错误，直到你可以证明这个“错误”/“功能”没有 出现在其他浏览器中。否则问题很容易是您的编码或某些中间件问题。 【参考方案1】：

这可能是一个非常特殊的边缘情况，但我遇到了完全相同的错误，但没有说明 Firefox 抱怨的是哪个样式表。事实证明，这是我使用的广告拦截器。当我禁用广告拦截器并重新加载我的页面时，错误消失了。

【讨论】：

解决了！谢谢！！【参考方案2】：

这种情况几乎总是在 CSS 被 gzip 压缩时发生，但服务器返回 not 压缩资源的 Content-Length。在将 mod_deflate 与 mod_fastcgi 一起使用时看到了这种情况。这是服务器端错误，而不是 Firefox。

【讨论】：

值得用 mod_fcgid 替换 mod_fastcgi 吗？我现在只在运行 localhost，所以如果它没有害处……这有关系吗？ @tyebillion 我确实遇到了与mod_fcgid 相同的问题。所以我认为答案是否定的。 但我只是打开链接到样式表的index.html，没有服务器或客户端主机只涉及纯 html 和 css，我仍然收到此错误。我该怎么办？ 此答案无效，因为在禁用所有服务器端压缩的情况下仍会出现此问题【参考方案3】：

更新通知：

Firebug 已过时，您想使用 Firefox Developer Edition 而不是 firebug，它内置了 Firebug 类型的诊断和工具。

Get Firebug，或以其他方式查看页面源代码（在 Firefox 上右键单击它并选择查看源代码）并单击 HTML 页面的 <head> 部分中引用的每个 .css 样式表。其中一项或多项将返回错误 404 或其他错误。

每个 CSS 工作表都位于 HTML 头部的 <link> 元素中。

示例：

查看本页源码会给出一堆代码，在<head>部分是<link>：

<!DOCTYPE html> 
<html itemscope itemtype="http://schema.org/QAPage"> 
<head> 
 ...
 <link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/Sites/***/all.css?v=8c7d44a438e6"> 
...
 </head>

这表明链接元素中有一个样式表，如果您单击所有这些（可能有多个）并找到给您特定错误的那个，那么对于您的页面/站点。

更新：

（更新）如果我在 Firefox 中查看开发人员工具的控制台，它会显示所有 css 文件并针对每个文件显示“HTTP/1.1 200 OK”。

因此，您应该在中查看每个 CSS 和相关文档，以查看哪个文档链接到无法访问的资源。

【讨论】：

我不明白，为什么它没有在 Firefox 的控制台或网络面板中列出？我的意思是它是 Firefox 中继错误。 （叹气），get Firebug。使用萤火虫。它告诉你什么？执行我的回答中建议的要点，例如在 in 每个 CSS 文件中查找外部内容，然后检查是否可以通过浏览器窗口直接打开该内容。 @tyebillion 我在其他地方看不到错误，不是在 Firefox 开发人员工具、Firebug 或 Chrome 开发人员工具中。由于该错误现在消失了，我认为这是 Firefox 尚未清除的旧错误。也许关闭开发者工具面板并重新打开已经清除了错误。 Firebug 已过时。它在Firebug home page 上这么说。所以这个答案也是。 @Martin 我承认答案在编写时很有帮助。根据我的经验，Firebug 越来越多，因为它不再维护，我认为应该更新答案以更多地强调其他解决方案，即查看源代码或查看开发工具控制台。【参考方案4】：

style sheet could not be loaded 的另一个原因是“主动混合内容”与 HTTPS 结合使用。 IE。如果您的 HTML 代码通过 HTTPS 加载，但引用了通过 HTTP 传递的 CSS，Firefox 将阻止 CSS 文件。阻止将导致 Web 控制台中的解释性条目。请参阅https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content 了解更多信息。

如果对 CSS 文件的请求通过带有重定向的 HTTPS 得到响应，并且重定向 URL 使用 HTTP，也会发生阻塞。 Google Chromium 还将阻止通过 HTTP 的活动混合内容，并在其 Javascript 控制台中进行条目。

【讨论】：

【参考方案5】：

我从这个 stackexchange 页面遇到了这个错误，在 firebug 控制台中得到了红线。它指向链接https://cdn.sstatic.net/Sites/***/all.css?v=743e70f26396，所以我检查了页面源副本/将链接粘贴到新选项卡中，然后按Enter。 Firefox 尖叫安全问题证书错误，所以我只是添加了一个异常并加载了 CSS。此错误未出现在 Chrome 或 IE 中。

轻松修复。

【讨论】：

您的链接已损坏

本地测试网页无法加载css链接文件怎么办

...显示也正常，就是当把网页放到本地服务器后再用火狐时无法加载样式表文件，用Firebug测试发现无法加载样式表，我想知道这是什么原因，为什么放到本地服务器中后就无法加载样式表了呢？参考技术A1、css文件路径有问题？2... 查看详情

python中的调查/如何让用户退出调查[重复]

】python中的调查/如何让用户退出调查[重复]【英文标题】：Surveyinpython/howtoallowtheusertobreakoutofthesurvey[duplicate]【发布时间】：2018-10-1212:32:04【问题描述】：我无法从“重复”中得到我需要的答案我创建了一个while循环来询问用户几... 查看详情

如何更好地调查 NetBeans 中的内存泄漏

】如何更好地调查NetBeans中的内存泄漏【英文标题】：HowcanIinvestigateamemoryleakbetterinNetBeans【发布时间】：2010-11-2722:46:51【问题描述】：我正在写一个网络蜘蛛。它运行良好，但似乎存在内存泄漏。该程序将正常运行大约15分钟，... 查看详情

如何清除 Firefox 中的 Service Worker 缓存？

】如何清除Firefox中的ServiceWorker缓存？【英文标题】：HowtoclearaServiceWorkercacheinFirefox?【发布时间】：2017-05-2822:50:53【问题描述】：在Chrome中，可以从开发工具中清除ServiceWorker缓存。我们如何在Firefox中实现这一点？到目前为止我... 查看详情

如何修复firefox和chrome中的空间？

】如何修复firefox和chrome中的空间？【英文标题】：Howtofixthespaceinfirefoxandchrome?【发布时间】：2015-07-0216:26:30【问题描述】：我做的网站用chrome打开还是不错的，但是用firefox打开时菜单和内容之间有空格。Thisisthewebsite。你知道如... 查看详情

如何修复 Firefox 中的跨域请求失败

】如何修复Firefox中的跨域请求失败【英文标题】：Howtofixcross-originrequestfailinFirefox【发布时间】：2016-01-1203:53:18【问题描述】：我有一个javascript文件，我想在其中将json数据发送到ERP系统：varformData1=JSON.stringify($(\'#msform\').serializeO... 查看详情

如何将调查熊猫数据框转换为可用于 Python 中的 BI 工具的不同格式？

】如何将调查熊猫数据框转换为可用于Python中的BI工具的不同格式？【英文标题】：HowtotransformsurveypandasdataframeintoadifferentformatusablewithBItoolsinPython?【发布时间】：2020-07-2513:21:55【问题描述】：我需要将调查结果转换为可在Tableau等... 查看详情

如何从Firefox中的选择中删除向下图标[重复]

】如何从Firefox中的选择中删除向下图标[重复]【英文标题】：HowtoremoveDowniconfromselectinfirefox[duplicate]【发布时间】：2014-10-1813:06:57【问题描述】：大家好，任何人都知道如何在全屏Firefox中从选择中删除右上角的图标。谢谢【问题... 查看详情

如何利用office365中的forms快速创建调查问卷和试卷

  在Office365本身自带的应用里，有一个叫做Forms的小家伙，可以帮助我们解决调查问卷和试卷测试的问题。这样的场景，不仅适合我们的市场人员用于市场活动，也适合培训考试。由于这个应用本身非常轻巧，界面也简洁... 查看详情

在窗口外拖动时如何检测Firefox中的dragleave事件

】在窗口外拖动时如何检测Firefox中的dragleave事件【英文标题】：HowtodetectthedragleaveeventinFirefoxwhendraggingoutsidethewindow【发布时间】：2012-05-0211:28:09【问题描述】：在窗口外拖动时，Firefox没有正确触发dragleave事件：https://bugzilla.mozill... 查看详情

如何从 html 按钮调用 Firefox 扩展中的函数

】如何从html按钮调用Firefox扩展中的函数【英文标题】：howtocallafunctioninFirefoxextensionfromahtmlbutton【发布时间】：2011-01-0207:54:57【问题描述】：如何使用网页中的html按钮调用在我的扩展程序中声明的Javascript函数？我有一个html页面... 查看详情

如何禁用 Firefox 中的“离开页面”确认对话框？

】如何禁用Firefox中的“离开页面”确认对话框？【英文标题】：HowdoIdisablethe"Leavepage"confirmationdialoginFirefox?【发布时间】：2022-01-1918:27:26【问题描述】：我的Vue应用程序中有以下代码，用于检测用户何时关闭选项卡：onBefo... 查看详情

如何更新firefox中的flash

...面告诉你Flash插件需要更新，请手动安装最新版本。使用firefox访问adobe官网安装，网址http://get.adobe.com/cn/flashplayer/。然后按照官网提示步骤进行操作。 希望我的回答对您有所帮助，如有疑问，欢迎 查看详情

如何从 Firefox 3 中的 HTML 输入表单获取文件路径

】如何从Firefox3中的HTML输入表单获取文件路径【英文标题】：HowtogetthefilepathfromHTMLinputforminFirefox3【发布时间】：2010-09-1000:27:06【问题描述】：我们有一个带有&lt;inputtype="file"&gt;的简单HTML表单，如下所示：<form>&... 查看详情

如何模仿文本溢出：Firefox 中的省略号？

】如何模仿文本溢出：Firefox中的省略号？【英文标题】：HowcanImimictext-overflow:ellipsisinFirefox?【发布时间】：2010-12-2116:19:26【问题描述】：我在div中包含一些动态文本，该文本设置为用户在文本框字段中输入的任何内容。如果文本... 查看详情

如何让 Firefox 中的 javascript 也能在 IE 中运行

】如何让Firefox中的javascript也能在IE中运行【英文标题】：HowtomakejavascriptworkinginFirefoxalsoworkinIE【发布时间】：2011-07-0418:41:31【问题描述】：您好，我有这段JavaScript代码，它在除IE之外的所有浏览器中都能完美运行。我怎样才能让... 查看详情

如何通过 IP 地址连接 Firefox 扩展中的 websocket 客户端

】如何通过IP地址连接Firefox扩展中的websocket客户端【英文标题】：HowtoconnectawebsocketclientinaFirefoxextensionthroughanIPaddress【发布时间】：2021-07-1623:55:08【问题描述】：我有一个Firefox扩展，它创建一个websocket客户端并向服务器发送一条... 查看详情

如何摆脱 Firefox 中的 <select> 元素轮廓？

】如何摆脱Firefox中的<select>元素轮廓？【英文标题】：HowdoIgetridof<select>elementoutlineinFirefox?【发布时间】：2014-05-0805:46:18【问题描述】：所以这里有一个演示问题的小提琴：http://jsfiddle.net/CVTrb/1/，单击并选择任何选项，... 查看详情