代码排查错误技巧

WEB开发主要是两个交互(B/S数据)

浏览器:

1包含html、css、js等客户端代码运行错误。

传输端:

1路径引入错误,常用插件的引入(artDialog、Ztree、JQuery等)、图片路径、视频路径等。

2 文件(js、css、图片、视频等)过大,造成浏览器解析慢,加载时间过长,可以适当压缩这些文件。

服务端:

1 动态网页-数据源(即数据操作程序)错误。

2 数据库或文件中的数据错误。

简图:

代码排查错误技巧_第1张图片

客户端处理错误常用方法(常用工具F12):

1、html、css调试直接箭头即可(可以查看该元素属性),js调试,一般设置断点。

2、缓存堆积造成错误,清理缓存。

3、页面传值、处理请求,可以捕获网络中页面之间的请求与响应。

4、Cookie、Session处理,清除。

注意:

[浏览器引擎渲染方式(以IE为例):

1.浏览器浏览模式,即浏览器默认引擎类型{IE7 6版本就是IE7 6引擎}

2.文档浏览模式,即代码的实际解析模式

  {可以人工代码设置:不论何种版本IE,都已IE7引擎解析html代码}

代码排查错误技巧_第2张图片

3.打开火狐浏览器或chrome浏览器,切换到控制台查看错误信息,然后百度查询错误信息

以上就是本人关于WEB前端设计的时候的一些找错的经验分享了,本人知识有限,如有漏洞请多多指教。

你可能感兴趣的:(经验总结)