मुझे ब्राउज़र की बहुत अजीब समस्या है। कुछ पन्नों की स्क्रिप्ट बस तब तक काम नहीं करती है जब तक कि लगभग 20 सेकंड न बीत जाएं।

आप जो भी पेशकश करने जा रहे थे - हां, मैंने पहले से ही इसके बारे में सोचा था, और नहीं, इससे कोई फायदा नहीं हुआ। मैं इस बारे में बात नहीं करता कि इस आशा में कि कोई आपको डिबगिंग के साथ बताएगा, लेकिन क्योंकि इस घटना ने मुझे कुछ के बारे में गहराई से अवगत कराया, कैसे कहना है ... quirks ... मोर्चे पर विकास।

(वास्तव में, समस्या का निदान एक वाक्य से करने की कोशिश भी मत करो , मैंने सुना नहीं है और लगभग हर चीज की कोशिश की है जो आप कल्पना कर सकते हैं)।

लेख मार्च 2016 में लिखा गया था, कुछ उदाहरण पुराने हैं - लगभग। ट्रांस।

बेकार के पन्ने

देखिए, यहां ट्वीट का स्क्रीनशॉट है। इसमें, वे भाग जो जावास्क्रिप्ट के बिना काम नहीं करते हैं, उन्हें लाल रंग में हाइलाइट किया गया है । मुझे यह पता है, क्योंकि पहले की तरह, मैं उस पृष्ठ को देख रहा हूं जिसके लिए 20 सेकंड के अधिकांश कोड अभी तक काम नहीं किए हैं।

कुछ मैं समझ सकता हूँ। उदाहरण के लिए, "उत्तर" बटन तल पर पाठ क्षेत्र का विस्तार करता है और उस पर ध्यान केंद्रित करता है। यह कुछ स्क्रिप्ट के बिना नहीं किया जा सकता है। बटन ...एक पॉप-अप मेनू खोलता है, जो संदिग्ध है , क्योंकि आप सीएसएस का उपयोग करके इसे पुन: पेश भी कर सकते हैं। इसी तरह, दिल के साथ एक बटन पृष्ठभूमि में एक क्रिया करता है, जो संदिग्ध भी हैक्योंकि इसे पूरे पेज लोडिंग के साथ वापस खेला जा सकता है। लेकिन ये गैर-तुच्छ परिवर्तन हैं जो स्क्रिप्ट के साथ और बिना पूरी तरह से अलग तरीके से काम करेंगे।

दूसरी ओर ...

क्या यह बटन ऊपरी दाएं कोने में है और आसपास का सारा खाली स्थान है? उनका एकमात्र कार्य आपको मेरी प्रोफ़ाइल पर भेजना है, जो ट्वीट के पीछे दिखाई देता है। वे नियमित लिंक हो सकते हैं, जैसे नेविगेशन के लिए बाएँ और दाएँ तीर। लेकिन यह अलग तरीके से किया जाता है, इसलिए यह जावास्क्रिप्ट के बिना काम नहीं करता है।

या विश्लेषिकी के लिए ग्राफ के साथ एक छोटा सा बटन? इसका एकमात्र कार्य एक अन्य पेज को एक कृत्रिम पॉप-अप विंडो में एक अंतर्निहित फ्रेम के साथ लोड करना है। एक नियमित लिंक हो सकता है जो स्क्रिप्ट का उपयोग करके पॉपअप में बदल जाता है। लेकिन यह अलग तरीके से किया जाता है, इसलिए यह जावास्क्रिप्ट के बिना काम नहीं करता है।

पाठ का क्षेत्र? बेशक, यह सिर्फ एक टेक्स्ट बॉक्स है। लेकिन यदि आप जावास्क्रिप्ट चलाने से पहले उस पर क्लिक करते हैं, तो एक भद्दा कैप्शन मैदान में रहेगा Reply to @eevee। और जब स्क्रिप्ट अभी भी लॉन्च की जाती है, तो यह सब कुछ मिटा देती है जिसे आपने टाइप किया है और इसे फिर से सम्मिलित करता है Reply to @eevee, केवल अब @eeveeयह नीले अक्षरों में लिखा जाता है, ग्रे नहीं।

यही बात ट्विटर सर्च पेज पर भी होती है, जो बहुत अजीब है क्योंकि सर्च फील्ड में कोई टेक्स्ट नहीं है! यदि आप स्क्रिप्ट समाप्त होने से पहले टाइप करना शुरू करते हैं, तो वे बस आपके द्वारा टाइप की गई सभी चीजों को मिटा देंगे। अपना प्लेसहोल्डर टेक्स्ट डालने या कस्टम स्टाइल लागू करने के लिए भी नहीं। बिना किसी स्पष्ट कारण के, बस ऐसे ही।

चूंकि NoScript मेरे लिए काम करता है, मैं अक्सर उन साइटों पर अजीब डिज़ाइन निर्णय देखता हूं, जो मैं पहली बार देख रहा हूं। बेशक, खाली सफेद पृष्ठ सामान्य हैं। कुछ समय के लिए, टाइम वेबसाइट पर लेखों को बिना स्क्रिप्ट के ठीक लोड किया गया, लेकिन बस स्क्रॉल नहीं किया गया - पृष्ठ के overflow: hidden;लिए एक संपत्ति का उपयोग उन कारणों के लिए किया गया था जिन्हें मैं नहीं समझ सकता। स्वर लेख भी सामान्य रूप से लोड होते हैं, इस तथ्य के अपवाद के साथ कि प्रत्येक छवि से पहले स्क्रीन की पूरी ऊंचाई के लिए एक खाली जगह है। कुछ विशेष रूप से खराब कॉर्पोरेट साइटें टेक्स्ट के गंदे ओवरलैपिंग ब्लॉक हैं। मुझे लगता है कि उन्होंने CSS को छोड़ दिया और जावास्क्रिप्ट में लेआउट लिखा।

इसके कोई अच्छे कारण नहीं हैं। ये उन्नत संवादात्मक अनुप्रयोग नहीं हैं, ये केवल पाठ पृष्ठ हैं। हम उन्हें कागज पर मुद्रित करते थे, लेकिन जैसे ही हमने सूचना प्रौद्योगिकी पर स्विच किया, निष्पादन के लिए कुछ मेगाबाइट कचरा चलाने के बिना शब्दों को स्क्रीन पर रखना असंभव हो गया?

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

लेकिन जो बहुत अच्छा नहीं है, वह उच्च भुगतान और उच्च योग्य विशेषज्ञों का एक समूह है, जिनमें से प्रत्येक ने क्रोम को नवीनतम मैक प्रो मॉडल पर स्थापित किया है, जो कार्यालय में प्रत्येक सर्वर से एक किलोमीटर से अधिक की दूरी पर काम करते हैं। और अब ये लोग काम कर रहे हैं, और फिर वे बारी बारी से और बाकी सभी को देखते हैं जिनके पास ऐसा कॉन्फ़िगरेशन नहीं है। कृपया ध्यान दें कि निम्नलिखित में से कोई भी स्थिति आपके जावास्क्रिप्ट में हस्तक्षेप करेगी:

किसी धीमे कंप्यूटर पर।
किसी धीमे कनेक्शन पर।
फोन पर कोई है, जो एक धीमी गति से कनेक्शन के साथ एक धीमी गति से कंप्यूटर पर है।
कोई कंप्यूटर पर एक पुराने ब्राउज़र के साथ फंस गया है जिसे वह नियंत्रित नहीं करता है - काम पर, स्कूल में, पुस्तकालय में आदि।
कोई व्यक्ति एक छोटा प्रोग्राम लिखने की कोशिश कर रहा है जो आपकी साइट के साथ सहभागिता करता है जिसमें एपीआई नहीं है।
- , .
- — Google .
- Linux , , Elinks.
- , .
- NoScript . , , .
- NoScript , , . , .
, , .
CDN .
CDN IPv6, (, , ). - IPv6, , JS .
, JavaScript .
, . , .
, , .

मैं यह नहीं कह रहा हूं कि Google मानचित्र जैसे इंटरैक्टिव वेब एप्लिकेशन को पृथ्वी के चेहरे से मिटा दिया जाना चाहिए, हालांकि Google मैप्स के लिए भी कई वर्षों तक स्क्रिप्ट के बिना बैकअप था, वेबजीएल के वर्तमान संस्करण तक! मैं कहता हूं कि हम कहीं और बंद हो गए जब नियमित HTML के बुनियादी कार्यों ने अचानक जावास्क्रिप्ट के बिना काम करना बंद कर दिया। अर्थात्, 40 मेगाबाइट जावास्क्रिप्ट के बिना, के अनुसार about:memory - यह मेमोरी में डेटा है, न कि डाउनलोड का आकार। यह बहुत अधिक नहीं लग सकता है (एक पृष्ठ के लिए जो 140 वर्णों को प्रदर्शित करता है?), लेकिन मेरा ब्राउज़र अक्सर एक दर्जन खुले ट्विटर टैब जमा करता है, अर्थात, आधा गीगाबाइट मेमोरी , अधिकतम 6 केबी का पाठ आवंटित।

वर्ग पहिया का आविष्कार

आपको वास्तव में इस तरह के एक परिणाम को प्राप्त करने की कोशिश करने की आवश्यकता है। मेरा मतलब है, अगर आपको एक लिंक की आवश्यकता है, तो आप बस लिखते हैं <a href="somewhere">label</a>, और आप काम कर रहे हैं । लेकिन यदि आप जावास्क्रिप्ट का उपयोग करके इसका आविष्कार करना शुरू करते हैं, तो आपको एक क्लिक हैंडलर की आवश्यकता होती है, और इसे सही समय पर काम करना चाहिए ताकि आप जान सकें कि लिंक वास्तव में मौजूद है, और आपको नकली लिंक पर क्लिक हैंडलर जोड़ने के लिए कुछ काम करना पड़ सकता है, जो अजाक्स जोड़ता है। सही?

नहीं! आपको एक लिंक की केवल एक पीला, भद्दा नकल मिल जाएगी। देशी लिंक के सभी कार्यों पर विचार करें:

मैं लिंक का अनुसरण कर सकता हूं।
मैं ctrl, शिफ्ट कीज़ और माउस व्हील (मध्य बटन) के संयोजन का उपयोग करके एक नया टैब या विंडो में लिंक खोल सकता हूं।
मैं लिंक पते को कॉपी कर सकता हूं और इसे कहीं और पेस्ट कर सकता हूं या किसी अन्य ब्राउज़र में खोल सकता हूं, या कुछ और।
' Firefox .
— Opera, Konqueror, uzbl, Firefox vimperator? — , , «» , .
, .
.
, , .

यहां सामान्य धागा यह है कि टैग का <a href=...> मतलब कुछ है । वह कहता है: "यही वह मार्ग है जिससे तुम जा सकते हो।" टनों उपकरण इस जानकारी पर निर्भर करते हैं। यदि आप इसे बदल देते हैं <div onclick>, तो हां, div पर क्लिक करने से कुछ हो जाएगा, लेकिन पूरा बिंदु पूरी तरह से खो गया है। इसके विपरीत, यदि उपयोग किया जाता है <a href="javascript:void(0);">, तो आप वास्तव में इन उपकरणों से झूठ बोल रहे हैं; आप अर्थ का कारण बनते हैं, लेकिन अर्थहीन जानकारी देते हैं।

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

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

एक घर का बना ट्विटर पाठ बॉक्स सब पर एक पाठ बॉक्स नहीं है, लेकिन contenteditable <div>। इसका contenteditableमतलब है कि अधिकांश देशी नियंत्रण बहुत अच्छी तरह से काम करते हैं, लेकिन फिर भी, समय-समय पर यह ऑब्जेक्ट कुछ अजीब व्यवहार प्रदर्शित करता है, उदाहरण के लिए, जब मैं टैब के बीच स्विच करता हूं, तो कर्सर को पाठ की शुरुआत में ले जाता है। या कभी-कभी स्क्रिप्ट में मेरी टाइपिंग गति के साथ कुछ समस्याएं होती हैं और यह ध्यान देने लगती है। एकमात्र कारण भी क्यों इसे सामान्य <textarea> के बजाय डाल दिया, ऐसा लगता है, टिंट @handlesऔर लिंक नीले रंग में है? एक होममेड टेक्स्ट बॉक्स लिंक को छोटा नहीं करता है या ट्विटर इमोजीस को प्रतिस्थापित नहीं करता है, इसलिए यह वास्तव में पूर्वावलोकन नहीं है कि आपका ट्वीट कैसा दिखेगा।

क्या आप जानते हैं कि कुछ साइटों में हॉटकीज़ हैं? अच्छा लगा ना? लेकिन वास्तव में /यह फ़ायरफ़ॉक्स में एक अंतर्निहित हॉटकी है जो त्वरित खोज बार खोलता है। जाहिर है, ट्विटर या GitHub, या BitBucket, या Tumblr, या एक दर्जन अन्य स्थानों पर कोई भी इस बारे में नहीं जानता है, क्योंकि उन्होंने सभी इस महत्वपूर्ण फोकस को साइट पर अपने स्वयं के खोज बार को सौंपा था। जो वर्तमान पृष्ठ पर खोज से पूरी तरह से अलग है (गिटहब के सम्मान के लिए, उन्होंने इसे तब तय किया जब मैंने ट्विटर पर शिकायत की)। लंबे समय तक, Google+ ने स्क्रॉल करने के लिए स्पेसबार को बंद कर दिया। इन विशाल कंपनियों में किसी ने भी क्यों नहीं रोका और कहा: "अरे, रुको, यह ब्राउज़र में काम कर रहा है, और हम इसे तोड़ रहे हैं" क्या वेब डेवलपर खुद ब्राउज़र का उपयोग करते हैं?

यह याद किया गया कि हर ट्विटर पेज चुपचाप किसी भी कीबोर्ड घटनाओं और माउस क्लिक को अवशोषित करता है जब तक कि सभी स्क्रिप्ट काम न करें। इसका मतलब है कि जब तक मैं पेज लोड करने के लिए इन 20 सेकंड का इंतजार नहीं करता, तब तक मैं टैब नहीं बदल सकता: ctrl-t, ctrl-w, ctrl-tab, ctrl-pgup और ctrl-pgdn - सभी कीबोर्ड इवेंट पूरी तरह से अवशोषित हो जाते हैं। यह कैसे "स्विफ्ट एक्शन कतार" नामक एक तंत्र काम करता है। ऐसा लगता है कि इस कतार को पृष्ठ लोडिंग के अंत में घटनाओं को खेलना चाहिए, लेकिन (ए) आप ब्राउज़र में गर्म कुंजियों का उपयोग नहीं कर सकते हैं; (बी) ऐसा लगता है कि यह अभी भी काम नहीं करता है। इसे ठीक करने के लिए, मुझे एक विशिष्ट पहचानकर्ता के साथ स्क्रिप्ट टैग को ब्लॉक करने के लिए एक कस्टम स्क्रिप्ट लिखना था।

मुझे नहीं लगता कि मैं बहुत चुस्त हूं। ये ब्राउज़र के मूल कार्य हैं, और आप उनका उल्लंघन करते हैं, अक्सर बिना किसी अच्छे कारण के। मुझे उम्मीद नहीं है कि आप Google डॉक्स को जावास्क्रिप्ट के बिना काम करेंगे। मुझे उम्मीद है कि आप मेरे लानत कीबोर्ड को नहीं तोड़ेंगे।

मैं आपको कुछ सलाह देता हूं।

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

यदि आप पहले से मौजूद हैं को फिर से परिभाषित या पुनर्परिभाषित करने जा रहे हैं, तो पहले इसका अध्ययन करें। आप मूल को समझे बिना एक अच्छा प्रतिस्थापन नहीं बना सकते। चारों ओर से पूछो। नरक, बस /अपनी वेबसाइट पर हॉटकी के साथ ऐसा करने से पहले ब्राउज़र पर क्लिक करने का प्रयास करें।

याद रखें कि सारी शक्ति जो इंटरनेट आपको देता है, अंततः उपयोगकर्ता के हाथों में नियंत्रण अभी भी है। इंटरनेट गेम कंसोल नहीं है, तदनुसार कार्य करें। मॉड्यूल बनाएं। पहले से संभव या सामान्य सेटिंग्स पर विचार करें। हो सकता है कि कुछ कम करने के लिए जब आप पृष्ठ पर 40 मेगाबाइट की स्क्रिप्ट तक पहुँचते हैं।

धन्यवाद।

शायद हमें जावास्क्रिप्ट के साथ थोड़ा शांत होना चाहिए?

बेकार के पन्ने

वर्ग पहिया का आविष्कार

मैं आपको कुछ सलाह देता हूं।

More articles: