WEB開發主要是兩個交互(B/S數據)

瀏覽器：

1包含html、css、js等客戶端代碼運行錯誤。

傳輸端：

1路徑引入錯誤，常用插件的引入(artDialog、Ztree、JQuery等)、圖片路徑、視頻路徑等。

2 文件(js、css、圖片、視頻等)過大，造成瀏覽器解析慢，加載時間過長，可以適當壓縮這些文件。

服務端：

1 動態網頁-數據源(即數據操作程序)錯誤。

2 數據庫或文件中的數據錯誤。

簡圖：

客戶端處理錯誤常用方法(常用工具F12)：

1、html、css調試直接箭頭即可(可以查看該元素屬性)，js調試，一般設置斷點。

2、緩存堆積造成錯誤，清理緩存。

3、頁面傳值、處理請求，可以捕獲網絡中頁面之間的請求與響應。

4、Cookie、Session處理，清除。

注意：

[瀏覽器引擎渲染方式(以IE為例)：

1.瀏覽器瀏覽模式，即瀏覽器默認引擎類型{IE7 6版本就是IE7 6引擎}

2.文檔瀏覽模式，即代碼的實際解析模式

　　{可以人工代碼設置：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />不論何種版本IE，都已IE7引擎解析html代碼}

以上就是本人關于WEB前端設計的時候的一些找錯的經驗分享了，本人知識有限，如有漏洞請多多指教。