代码之家 › 专栏 › 技术社区 › o.k.w

如果/当外部CSS文件未在页面加载时进行计数器度量

stylesheet css

o.k.w · 技术社区 · 15 年前

由于网络或其他原因,有些网站没有加载CSS文件,您将看到未格式化/未布局的难看页面。

这也发生在我以前做过的页面上。从开发人员/设计的角度来看有点难以控制。

我在想一件很明显的事情:

/*.... header and stuff */

<body>
<h2 id="hiddennote">If you do not see this page properly, please refresh</h2>
/*.... rest of the page .... */

外部样式表的定义如下:

/* other styles defined */

#hiddennote {display: none;}

从功能上讲,我知道它会起作用。有什么缺点吗?

2 回复 | 直到 15 年前

No Surprises 15 年前

另一个潜在的缺点是它依赖于用户知道页面应该是什么样子。您可以通过将消息的语言更改为类似“此页面显示不正确”的内容来解决此问题。虽然您可以自由使用下面的内容,但您可能需要刷新浏览器以尝试加载布局和样式信息。“您还可以包括屏幕截图,假设您的图像不在同一个麻烦的网络上。

user181548 15 年前

明显的缺点是如果第二次页面加载CSS失败。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

4 月前

Mass · 如何在Tailwind CSS v4中创建配置

4 月前

magenta placenta · 将css变量合并为一个变量

4 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

5 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

5 月前

Luckkks · 过渡色工作不正常

5 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

5 月前