zoukankan      html  css  js  c++  java
  • css 调试排查列表 CQ

    在开发网页展现层的css时,有时会发现样式没有被应用的情况,这是需要借助Firefox下的Firebug插件来协助问题解决。

    通常有三种情况会表现出定义的样式没有被应用。

    1. 样式文件没有被加载成功(低级错误,但在复杂的环境下,时有发生)

    2. css文件并没有被引用(低级错误,但在负责的情况下,是有发送)

    3. 样式冲突(高级错误,需要赖心排查)

    对于样式文件没有被加载成功导致的错误,可以通过firebug的网络(Network)查看。在Firebug的帮助下,你可以很容易发现哪些文件没有加载成功,这其中就可能包含了css文件。那些文件会被标记为红色。

    image

    如果第一种情况不存在,那么排查css文件是否被引用。通过Firebug的css列表来进行判断。

    image

    .

    如果第二种情况不存在,那么排查是否存在样式的冲突。如果你引入了复杂的css框架作为普片样式,但你自己又定义了一套css用于项目的特殊展现。当两套css同时被包含在网页中时,冲突的风险就可能出现。这是,你可以在firebug下,选中网页元素,查看“计算出的样式”,例如点开font-family,Firebug会为你展现这个样式是定义在哪个css文件中的。

    image

    这三点基本够用,祝你好运。少加班,多一点时间来陪家人。

  • 相关阅读:
    Codeforces Round #750 (Div.2) A~F1题解
    ICPC2020南京站 M Monster Hunter
    Codeforces Round #749 A~E题解
    CF1396B Stoned Game
    CF1338D Nested Rubber Bands
    HDU7134 Public Transport System
    ASP.NET Core 404错误(转自其它网站)
    测试用例你了解多少
    软件测试的基本过程有几个步骤
    软件测试相关知识
  • 原文地址:https://www.cnblogs.com/czy/p/2734686.html
Copyright © 2011-2022 走看看