資訊專欄INFORMATION COLUMN
摘要：上面的最高票回答劃個(gè)重點(diǎn)根據(jù)上面所說的，瀏覽器之所以會(huì)干掉請(qǐng)求，有以下三種原因發(fā)起這次請(qǐng)求的元素被刪除了。一個(gè)元素節(jié)點(diǎn)，在圖片加載完成之前就不幸被刪掉了開發(fā)者做了一些使加載數(shù)據(jù)變得不必要的事情。感謝我的好友磊磊用實(shí)際行動(dòng)告訴我忌浮躁。
前兩天發(fā)現(xiàn)了一個(gè)對(duì)于我而言比較獵奇的事情：在點(diǎn)擊跳轉(zhuǎn)連接之后，新打開的頁面出現(xiàn)異常（本來是要直接跳轉(zhuǎn)到網(wǎng)頁版qq的，結(jié)果白屏），順手F12了一下，看到一個(gè)紅色的請(qǐng)求，哦原來是有請(qǐng)求失敗了呀，再仔細(xì)一看...這個(gè)請(qǐng)求返回的status是canceled，奇怪哦，被cancel掉了。
瀏覽器你就不能矜矜業(yè)業(yè)的好好發(fā)送請(qǐng)求嗎？
待我平靜下來，去sf上面找答案，在經(jīng)過幾次超鏈的跳轉(zhuǎn)之后，我來到了一個(gè)滿是English的頁面，雖然本人英語還算不差，但是當(dāng)時(shí)心浮氣躁，沒看兩眼就關(guān)掉了。（那個(gè)時(shí)候的我只想當(dāng)一個(gè)無腦的伸手黨...巴不得有人可以給我活靈活現(xiàn)的講解一下...）
最后去求助了一位好盆友，才知道了這個(gè)問題的答案，不賣關(guān)子，先來解答。
stackoverflow上面的最高票回答：
劃個(gè)重點(diǎn)：
The DOM element that caused the request to be made got deleted (i.e. an IMG is being loaded, but before the load happened, you deleted the IMG node)
You did something that made loading the data unnecessary. (i.e. you started loading a iframe, then changed the src or overwrite the contents)
There are lots of requests going to the same server, and a network problem on earlier requests showed that subsequent requests weren"t going to work (DNS lookup error, earlier (same) request resulted e.g. HTTP 400 error code, etc)
根據(jù)上面所說的，瀏覽器之所以會(huì)干掉請(qǐng)求，有以下三種原因：
發(fā)起這次請(qǐng)求的DOM元素被刪除了。（eg：一個(gè)img元素節(jié)點(diǎn)，在圖片加載完成之前就不幸被刪掉了）
開發(fā)者做了一些使加載數(shù)據(jù)變得不必要的事情。（eg：你加載了一個(gè)iframe，接著直接改變了src或者用document.write重寫了內(nèi)容）
有大量的請(qǐng)求指向同一個(gè)服務(wù)器，之前請(qǐng)求的錯(cuò)誤表明相同后續(xù)的請(qǐng)求是行不通的（DNS查詢錯(cuò)誤、或是排在前面誒對(duì)相同請(qǐng)求是有錯(cuò)誤的，比如400狀態(tài)碼）
經(jīng)過這個(gè)事情，不僅get到了一個(gè)新姿勢，而且更重要的是獲得到的反思。
感謝我的好友磊磊用實(shí)際行動(dòng)告訴我：忌浮躁。
但是并不是每個(gè)故事都有一個(gè)happy ending，我在一開始說的頁面白屏問題還沒有得到解決，更奇怪的是...周圍同事們都紛紛表示這個(gè)頁面沒問題...我也沒配host啊...不過已經(jīng)可以基本鎖定是我這邊出的問題了...如果你有類似的情況...我可以求你賜個(gè)教嗎...
這是一個(gè)自認(rèn)為還算有趣的前端er
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81784.html
摘要：手機(jī)端的網(wǎng)站加入了一個(gè)底部的內(nèi)容推薦，但是點(diǎn)擊效果卻是非常的差，后來才發(fā)現(xiàn)是被手機(jī)瀏覽器的底部強(qiáng)制廣告給遮蓋住了。代碼比較簡單粗暴，把與及其上級(jí)的給去掉，本人測試了，效果很不錯(cuò)，底部的強(qiáng)制廣告沒有出現(xiàn)過。 手機(jī)端的網(wǎng)站加入了一個(gè)底部的內(nèi)容推薦，但是點(diǎn)擊效果卻是非常的差，后來才發(fā)現(xiàn)是被手機(jī)uc瀏覽器的底部強(qiáng)制廣告給遮蓋住了。在網(wǎng)上也有不少同行有這樣的遭遇，他們也發(fā)布了解決的辦法，一種是通...
摘要：手機(jī)端的網(wǎng)站加入了一個(gè)底部的內(nèi)容推薦，但是點(diǎn)擊效果卻是非常的差，后來才發(fā)現(xiàn)是被手機(jī)瀏覽器的底部強(qiáng)制廣告給遮蓋住了。代碼比較簡單粗暴，把與及其上級(jí)的給去掉，本人測試了，效果很不錯(cuò)，底部的強(qiáng)制廣告沒有出現(xiàn)過。 手機(jī)端的網(wǎng)站加入了一個(gè)底部的內(nèi)容推薦，但是點(diǎn)擊效果卻是非常的差，后來才發(fā)現(xiàn)是被手機(jī)uc瀏覽器的底部強(qiáng)制廣告給遮蓋住了。在網(wǎng)上也有不少同行有這樣的遭遇，他們也發(fā)布了解決的辦法，一種是通...
摘要：前端技術(shù)知識(shí)基礎(chǔ)當(dāng)你輸入一個(gè)網(wǎng)址的時(shí)候，實(shí)際會(huì)發(fā)生什么徹底理解同步異步和事件循環(huán)你真的會(huì)使用嗎知識(shí)結(jié)構(gòu)寫給自己，梳理一下我現(xiàn)在對(duì)前端知識(shí)結(jié)構(gòu)的理解寫得相當(dāng)完整對(duì)于初涉前端開發(fā)的同學(xué)或者想在新項(xiàng)目中選擇一個(gè)前端技術(shù)棧的情況非常有指導(dǎo)價(jià)值而且里 前端技術(shù) 知識(shí)基礎(chǔ) 當(dāng)你輸入一個(gè)網(wǎng)址的時(shí)候，實(shí)際會(huì)發(fā)生什么 JavaScript：徹底理解同步、異步和事件循環(huán) 你真的會(huì)使用XMLHttpReq...
摘要：爬蟲也可以稱為爬蟲不知從何時(shí)起，這門語言和爬蟲就像一對(duì)戀人，二者如膠似漆，形影不離，你中有我我中有你，一提起爬蟲，就會(huì)想到，一說起，就會(huì)想到人工智能和爬蟲所以，一般說爬蟲的時(shí)候，大部分程序員潛意識(shí)里都會(huì)聯(lián)想為爬蟲，為什么會(huì)這樣，我覺得有兩個(gè) 爬蟲也可以稱為Python爬蟲 不知從何時(shí)起，Python這門語言和爬蟲就像一對(duì)戀人，二者如膠似漆 ，形影不離，你中有我、我中有你，一提起爬蟲，就...
閱讀 4286·2021-09-26 10:11
閱讀 2678·2021-07-28 00:37
閱讀 3231·2019-08-29 15:29
閱讀 1193·2019-08-29 15:23
閱讀 3139·2019-08-26 18:37
閱讀 2474·2019-08-26 10:37
閱讀 606·2019-08-23 17:04
閱讀 2354·2019-08-23 13:44
