css与js如何调错

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 的原理是能快速解决问题的法宝

个人博客

转载于:https://my.oschina.net/heartwalker/blog/675461