एक्सटेंशन या एक बग की कहानी याद रखें

प्रागितिहास

एक दिन हमें मेल में एक असंतुष्ट उपयोगकर्ता का पत्र मिला। "आपकी तस्वीरें मेरी साइट पर अपलोड नहीं हुई हैं," उपयोगकर्ता ने कहा और पत्र के लिए एक स्क्रीनशॉट संलग्न किया है। स्क्रीनशॉट में चित्र के साथ एक परत थी, और चित्र के बजाय - टैग से ट्रिम।

(बाईं ओर - सामान्य उपयोगकर्ताओं के लिए, दाईं ओर - क्रोध के लिए)

उन दिनों में, डाउनलोड को सरल बनाया गया था - एक फॉर्म के माध्यम से जो एक iframe को सबमिट करता है और फिर वहाँ से, सादे-पाठ में, यह फ़ाइल नाम का हिस्सा लेता है, जिसके साथ आप हमारे सर्वर पर पहले से ही फ़ाइल का लिंक प्राप्त कर सकते हैं। XmlHttpRequest2 और FormData माध्यम से "फैशनेबल" डाउनलोड केवल योजनाओं में था।

कुछ समय के लिए उसके सिर को तोड़ने के बाद, उसने सीधे setAttribute html के माध्यम से तत्व बनाने के बजाय, मैन्युअल रूप से चित्र के निर्माण को और setAttribute माध्यम से इसकी विशेषताओं को फिर से बनाया। जैसा कि यह बहुत बाद में पता चला, यह बेकार है, लेकिन इससे कोई फर्क नहीं पड़ता - उपयोगकर्ता हमारे साथ संवाद करने में थक गया था, हम खुद को पुन: पेश नहीं कर सके (हालांकि हमने बहुत कोशिश की) और समस्या को लंबे बॉक्स में डाल दिया, किसी ने भी शिकायत नहीं की।

एकाएक

छह महीने से अधिक समय बाद, जब इमेज अपलोड को एक नए तरीके से फिर से तैयार किया गया था, एक प्रगति बार और फैशनेबल चिप्स के साथ, मुझे एक परीक्षक द्वारा बुलाया गया था जिसने FormData टेस्ट को पुराने तरीके से, आइफ्रेम के माध्यम से, उन ब्राउजरों पर लिखने का फैसला किया था जो FormData । 2 या FormData समर्थन नहीं करते हैं। मैं उसके पास जाता हूं और वही चीज देखता हूं जो एक नाराज उपयोगकर्ता ने एक बार स्क्रीनशॉट में हमें भेजा था। यहीं, ब्राउज़र में, आप एक सौदा कर सकते हैं, यहां तक ​​कि लगातार खेला भी जा सकता है!

मैं FireBug खोलता हूं, परिणाम को देखता हूं, iframe पर लौटता हूं और देखता हूं कि सब कुछ ठीक है, जावास्क्रिप्ट को देखें और देखें कि वास्तव में, iframe के अंदर, फ़ाइल नाम के अलावा, किसी प्रकार का दुश्मन है। शायद देर से, लेकिन फिर यह मुझ पर हावी हो गया और मैं एक्सटेंशन को बंद करने के लिए चला गया और, एक-एक करके, जांचें। वास्तव में, यह विस्तार में से एक था। और इस तरह का एक विकल्प शुरू में मेरे सिर में भी प्रवेश नहीं करता था, हालांकि उस समय मेरे पास मेरे कई एक्सटेंशन थे, जिनमें से एक में पहले से ही कई हजार उपयोगकर्ता थे। विस्तार में (मुझे पता नहीं क्यों) लेखक ने सभी संभव दस्तावेजों में अपने स्वयं के विशेष को एम्बेड करने का फैसला किया।

कुछ इस तरह (स्वरूपण सहेजा गया, पहचानकर्ता - प्रतिस्थापित, ताकि विस्तार की पहचान न हो):

 if(!doc.body)return; if(doc.getElementById('xxx')) return; var tmp = doc.createElement("div"); tmp.setAttribute("style", "display:none"); tmp.setAttribute("id",'xxx'); (doc.body||doc.head[0]).appendChild(tmp); 

मैंने भयानक एक्सटेंशन कोड की विशाल शीट पर भी शपथ नहीं ली, लेकिन बस मुस्कुरा दिया - समस्या इतनी आसान हो गई।

मरम्मत के लिए बैसाखी

डेवलपर को विस्तार से नहीं लिखना है, खासकर जब से यह केवल उसी से बहुत दूर है जो अपने स्वयं के ट्रिंकेट को हर चीज में सम्मिलित करता है जो संभव है। हालाँकि हमारे द्वारा उपयोग की जाने वाली फ़ाइलों को डाउनलोड करने का पुराना तरीका शायद ही कभी हमारे द्वारा उपयोग किया गया हो, इसलिए हमने इस तरह के त्वरित तरीके से पूरी चीज़ की मरम्मत की:

 var $source = $('<div />').html(iframeBodyContent), filename; $source.children().remove(); filename = $.trim($source.text()); 

नेस्टेड टैग काट दिए जाते हैं, केवल सादा पाठ रहता है, चीयर्स! हर कोई काम कर रहा है, सभी संभावित पीड़ित संतुष्ट हैं।

मैंने भी यहाँ यह सब क्यों लिखा?

ब्राउज़र में एक्सटेंशन, दोनों उच्च-गुणवत्ता वाले और बहुत अधिक नहीं (जैसे, अफसोस, बहुमत), अधिक से अधिक हो रहे हैं। अधिकांश एक्सटेंशन बेशर्मी से आपके कोड में क्रैश हो जाते हैं और किसी तरह इसे संशोधित करते हैं। और उनमें से सभी समान रूप से उपयोगी नहीं हैं। मैं बहुत खुशकिस्मत था कि परीक्षक के पास वह बेहूदा प्लगइन था।

सतर्क रहें (एक इमोटिकॉन होना चाहिए, लेकिन एक कठोर यूएफओ ने चेतावनी दी कि आपको इसे यहां नहीं डालना चाहिए)।