文档章节

css与js如何调错

heartwalker
 heartwalker
发布于 2016/05/15 21:46
字数 439
阅读 19
收藏 0

css 与 js 效果没有实现怎么办,出错了怎么办,可以按如下思路来解决

F12大法好

打开 Firefox 或 Chrome 浏览器,按下F12,这是解决问题的基础

通用方法

  1. 看是否有红字报错, 一般如果看到报错信息的话问题就解决了一大半,可以根据提示快速定位问题所在,如果 不知道报错信息是什么意思可以去网上搜索
  2. 确保页面上只有一个错误,如果有多个最好对代码进行逐步注释,直到最后一个错误
  3. 根据现象分析问题,是哪错了,那些效果没有实现,分析出可能是什么地方出现了问题
  4. 是不是浏览器兼容性问题
  5. 是不是有缓存的影响,强制刷新浏览器或清除缓存
  6. 将错误的关键点提取出来,到网上搜索,最好使用 google
  7. 请教朋友或大神,请注意提问的艺术,在大部分情况下请在最后才这么做

css特有

  1. 使用调试工具的审查元素,查看页面结构与布局
  2. 看样式是不是没用命中
  3. 看样式是不是被覆盖了

js特有

  1. 灵活的使用 console.log(),特别是在对程序比较了解的情况下,基本上几次就能定位问题所在
  2. 使用调试工具打断点和监视变量,如果对程序不太了解或不能定位出问题的所在可以采用这种方法,但可能会耗费较久的时间

注:深入理解 css 与 js 的原理是能快速解决问题的法宝

个人博客

© 著作权归作者所有

上一篇: HTML5API之全屏
下一篇: new与return和函数
heartwalker
粉丝 0
博文 6
码字总数 2375
作品 0
昌平
程序员
私信 提问
5种你未必知道的JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间 的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合作。我们的网页中都有.js文件和...

oschina
2014/04/03
5.6K
20
盘点JavaScript和CSS交互的方法

随着浏览器不断的升级改进,CSS和JavaScript之间的界限越来越模糊。本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技 术,它们需要相互密切的合作。我们的网页中都有.js文件和...

kouxunli1
2014/12/03
85
0
好的javascript程序员

这段时间一直在使用JS进行开发,其实我挺喜欢JS的,一个主要的原因就是自由。JS限制较少可以容易的实现自己的一些思想。或者换种说法,就是可以写出极其精简的代码,虽然精简不到LISP的水平,...

崔钢
2014/10/25
55
0
浅谈WKWebView使用、JS的交互

前言 WKWebView是iOS8 出来的浏览器控件,用来取代UIWebView.对于WKWebView与UIWebView的对比特点,这里就不过多的叙述,都算是老生常谈的问题了,网上的说明也很多.近来在做Web端,需要植入移动端...

神经骚栋
2018/07/03
0
0
使用 RequireJS 实现 JavaScript 的延迟加载

无论简单还是复杂的Web应用,都由一些HTML、JavaScript、CSS文件组成。通常开发者会通过JQuery、Knockout、Underscore等等这样的第三方JavaScript框架来提高开发速度。由于这些JavaScript框架...

oschina
2013/01/12
3.3K
2

没有更多内容

加载失败,请刷新页面

加载更多

JS其他类型值转化为Boolean类型规则

本文转载于:专业的前端网站➤JS其他类型值转化为Boolean类型规则 由于最近在笔试的时候,发现好多关于其他类型转化为Boolean类型的题目,因此总结一下! 一、String类型转化为Boolean 1.转化...

前端老手
35分钟前
4
0
EurekaClient自动装配及启动流程解析

在上篇文章中,我们简单介绍了EurekaServer自动装配及启动流程解析,本篇文章则继续研究EurekaClient的相关代码 老规矩,先看spring.factories文件,其中引入了一个配置类EurekaDiscoveryClie...

Java学习录
41分钟前
8
0
析构函数是否必须为虚函数?为何?

p517 在C++中,基类指针可以指向一个派生类的对象。如果基类的析构函数不是虚函数,当需要delete这个指向派生类的基类指针时,就只会调用基类的析构函数,而派生类的析构函数无法被调用。容易...

天王盖地虎626
42分钟前
5
0
【TencentOS tiny】深度源码分析(7)——事件

引言 大家在裸机编程中很可能经常用到flag这种变量,用来标志一下某个事件的发生,然后在循环中判断这些标志是否发生,如果是等待多个事件的话,还可能会if((xxx_flag)&&(xxx_flag))这样子做...

杰杰1号
45分钟前
8
0
聊聊nacos client的ServerHttpAgent

序 本文主要研究一下nacos client的ServerHttpAgent HttpAgent nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/http/HttpAgent.java public interface HttpAgent { ......

go4it
51分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部