在服務(wù)端,不管我們使用Node.js、Java、PHP還是Python等等,都會(huì)用日志以文本的形式記錄請(qǐng)求以及報(bào)錯(cuò)信息。這個(gè)對(duì)于后端做事后分析是很有用的。
另一方面,前端有時(shí)候出問題其實(shí)是因?yàn)楹蠖私涌趫?bào)錯(cuò),返回?cái)?shù)據(jù)異常導(dǎo)致。而實(shí)際上,前端才是用戶直接觸及的端,所以出了問題,首先是在前端體現(xiàn)出來,首先也是找前端。
為了更好地定位問題是前端代碼還是接口問題,在這里推薦使用Fundebug的前端JavaScript監(jiān)控插件。該插件從0.1.0之后,就開始支持HTTP請(qǐng)求錯(cuò)誤的監(jiān)控。
例子
為了測(cè)試,我寫一個(gè)簡單的例子。沒有用到任何復(fù)雜的框架,就是一個(gè)簡單的HTML加上網(wǎng)絡(luò)請(qǐng)求的JS。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test HTTP Request</title> </head> <body> <h2>This is a test for HTTP request error !</h2> <button onclick="loadRequest()">Click</button> </body> <script type="text/javascript"> function loadRequest() { var oReq = new XMLHttpRequest(); oReq.open("GET", "http://127.0.0.1:8080/example/"); oReq.send(); } </script> </html>
網(wǎng)頁題目:用Fundebug插件記錄網(wǎng)絡(luò)請(qǐng)求異常的方法-創(chuàng)新互聯(lián)
網(wǎng)站地址:http://sd-ha.com/article2/shhic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、用戶體驗(yàn)、自適應(yīng)網(wǎng)站、電子商務(wù)、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容