WebView या ब्राउज़र की कहानी कैसे KolibriOS में लिखी गई थी

शायद हर कोई जो कोलिब्रीओएस में रुचि रखता है, वह जानता है कि वैश्विक नेटवर्क तक पहुंचने का एकमात्र तरीका है और आज, हमारे डेवलपर्स में से एक खरोंच द्वारा लिखित एक पाठ ब्राउज़र है। यह ब्राउज़र शायद ओएस के "स्थलों" में से एक है, और इसलिए इसकी कहानी बताने का फैसला किया गया था: यह कैसे दिखाई दिया, विकसित हुआ, और निकट भविष्य के लिए क्या योजनाएं हैं। कौन परवाह करता है, बिल्ली में आपका स्वागत है।

पोस्ट का निर्माण Leency कार्यक्रम के लेखक के साथ घनिष्ठ सहयोग में किया गया था, और इसलिए उनकी ओर से कथन आता है।

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

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


इस कार्यक्रम को बस C-- में HTML व्यूअर कहा जाता था। मैंने लाइब्रेरी के नए संस्करण के लिए प्रोग्राम कोड को अपनाना शुरू किया (menuet.h-- → kolibri.h--), डिजाइन में सुधार, नियंत्रण कुंजी के लिए अतिरिक्त समर्थन और पहिया के साथ स्क्रॉल किया। Minuses के - पाठ खिड़की में एक अक्षर में प्रदर्शित किया गया था :)

नीचे पहला संस्करण 0.00001 का स्क्रीनशॉट है, जो 20 जून, 2008 को जारी किया गया था।


2 दिनों के बाद, परिवर्तनों की सूची में संस्करण 0.1 में एक अद्यतन था जो था:

• अधिक या कम पूर्ण टैग समर्थन: बी, मजबूत, मैं, यू, एस, ब्र, पूर्व, शीर्षक, ली, पी;
• नेस्टेड टैग के लिए समर्थन;
• Lrz से एड्रेस बार (एडिटबॉक्स);

संस्करण 0.2 में, पाठ को अक्षरों में नहीं, बल्कि लाइनों में प्रदर्शित किया जाना शुरू हुआ, एक में दो या अधिक लगातार रिक्त स्थान के पतन को जोड़ा गया।

कार्यक्रम का बाद का विकास एक विकासवादी तरीके से चला गया: टैग समर्थन में सुधार हुआ, "बैक" बटन ने काम किया, रिश्तेदार रास्तों के लिए समर्थन, कई टैग पैरामीटर, बहु-स्तरीय सूची और कुछ अन्य विशेषताएं दिखाई दीं।

वैसे, मैं ध्यान देता हूं कि इस समय यह कार्यक्रम एक ब्राउज़र नहीं था, लेकिन केवल एचटीएमएल पृष्ठों को प्रदर्शित करता था, इसलिए एचटीएमएल (एचटीएमएल व्यूअर) नाम। टिपिंग बिंदु संस्करण 0.48.5 में हुआ, जिसके लिए धन्यवाद बरस्क 'y:

“मैंने HTTPC लिया, html डिस्प्ले को काट दिया और वेब पेज के नीचे मेमोरी के डायनेमिक एलोकेशन को खराब कर दिया। यदि आप HTMLv के साथ इस चीज़ को जोड़ते हैं, तो आपको एक ब्राउज़र मिलता है। "

जो किया गया था। काटे गए HTTPC को फ़ाइल डाउनलोडर नाम दिया गया और डाउनलोडर का नाम दिया गया। और यहां डाउनलोडर के माध्यम से ब्राउज़र द्वारा लोड किए गए पृष्ठों के पहले स्क्रीनशॉट हैं:







"एचटीएमएल + डाउनलोडर" लिंक ने नम्रता से काम किया: यदि पेज का पता 'http: //' से शुरू होता है, तो एचटीएमएल ने पेज एड्रेस पैरामीटर के साथ डाउनलोडर शुरू किया। डाउनलोडर ने फ़ाइल डाउनलोड की, एचटीएमएल ने विनम्रतापूर्वक इंतजार किया। जब डाउनलोडर समाप्त हो गया, तो उसने पृष्ठ को '/sys/.download' में सहेजा और बंद कर दिया। एचटीएमएल ने इस पल को झुलसा दिया और सहेजे गए पृष्ठ को खोल दिया।

हाँ, यह बेतहाशा बैसाखी है, लेकिन यह काम किया! यह हमिंगबर्ड्स के साथ इंटरनेट पर जाने का पहला वास्तविक तरीका था और शायद ही वहां कुछ भी पढ़ा गया हो। यह हास्यास्पद लग सकता है, लेकिन यह एक महत्वपूर्ण मनोवैज्ञानिक क्षण था - अब हमिंगबर्ड में खुली दुनिया में एक खिड़की है।

हैक्स की बात करें ... हमिंगबर्ड्स से परिचित कोई भी व्यक्ति यह अच्छी तरह से जानता है कि उसमें हमेशा फोंट की समस्या रही है: इसमें केवल दो सिस्टम फोंट होते हैं: मोनोस्पाज्ड और ... नॉन-मोनोस्पाज्ड। 90% में, एक मोनोस्पेस का उपयोग किया जाता है और इसमें अक्षर का आकार 6x9 पिक्सेल है। कोई बोल्ड और इटैलिक नहीं। लेकिन यह ब्राउज़र में है! बोल्ड प्रकार एक अक्ष पर एक पिक्सेल की ऑफसेट के साथ एक दूसरे पर लगाए गए पाठ की दो पंक्तियाँ हैं। इटैलिक के साथ, सब कुछ कुछ और दिलचस्प है। पहला संस्करण लेव द्वारा लागू किया गया था संस्करण 0.63 में: पहले, सादे पाठ को खिड़की में प्रदर्शित किया गया था, फिर स्क्रीन को मेमोरी में स्क्रीन किया गया था और फिर एक ऑफसेट के साथ खिड़की में फिर से प्रदर्शित किया गया था |||| → //////

बाद के संस्करणों के नवागंतुकों को आरएमबी मेनू के अलावा, एंकरों के लिए समर्थन, और एक छवि कैशिंग प्रणाली का संबंध है।

यहां एसिड_0.1.html परीक्षण पृष्ठ का एक स्क्रीन शॉट है, जिसका उपयोग लंबे समय से ब्राउज़र का परीक्षण करने के लिए किया जाता है।


लेकिन दूर, अधिक धारणा थी कि मैं गलत तरीके से जा रहा था ...


इससे कुछ लेना-देना था। लेख की शुरुआत याद है? “क्योंकि पहला प्रोग्राम जो मैंने लिखने का फैसला किया था, वह था फ़ाइल मैनेजर ala Windows एक्सप्लोरर, और दूसरा था ब्राउज़र। इसलिए, एओलाइट कोड को एक विकासवादी तरीके से फिर से लिखा गया: कदम से कदम, टुकड़ा द्वारा टुकड़ा, और समय के साथ यह तार्किक, पठनीय और सरल हो गया। HTMLv कोड, पहले की तरह, असंरचित रहा और उसे संशोधित करना और बनाए रखना मुश्किल था, और एक नई सुविधा को अनिवार्य रूप से जोड़ने से कई समस्याएं पैदा हुईं। इस क्षण को दुःख के साथ महसूस करते हुए, मैंने इसे क्रम में रखने का उपक्रम किया। इस कठिन कार्य में पहला संकेत HTMLv 0.99 था।

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

संस्करण 0.99.1 ने टैग्स के लिए समर्थन प्राप्त किया, साथ ही साथ = "केंद्र" और संरेखित करें = "सही"

संस्करण 0.99.31 में, एक महत्वपूर्ण घटना घटी:
इस संस्करण से, WebView घटक जो HTMLv में पृष्ठ की सामग्री को प्रदर्शित करता है, उसे एक अलग मॉड्यूल में ले जाया जाता है और इसे C-- में किसी अन्य परियोजना के भाग के रूप में संकलित किया जा सकता है। यह लिजा मेल क्लाइंट में पत्र की सामग्री को प्रदर्शित करने और कोड की संरचना में सुधार करने के लिए किया गया था।

संस्करण 1.0 बीटा 1 से शुरू होकर, कार्यक्रम का नाम बदलकर WebView रखा गया है। यह व्यर्थ में नहीं किया गया था, क्योंकि कार्यक्रम पिछले कुछ संस्करणों में काफी बढ़ गया है। एक ही संस्करण में, नए नाम के अलावा, कार्यक्रम प्राप्त हुआ:

• FASM में hidnplayr द्वारा लिखे गए HTTPlib के माध्यम से नेटवर्क के साथ काम करने के लिए मूल समर्थन (डाउनलोडर की अब आवश्यकता नहीं थी)
• नई डिजाइन
• प्रगति बार के माध्यम से पृष्ठ लोड करने की प्रक्रिया प्रदर्शित करना
• जब आप लिंक पर होवर करते हैं, तो स्थिति बार में पता प्रदर्शित करना
• त्वचा का समर्थन

बाद के संस्करणों में, टैग समर्थन और बग फिक्स में सुधार किया गया, साथ ही नई कार्यक्षमता को भी जोड़ा गया। वेबव्यू 1.0 बीटा 4 में अगला महत्वपूर्ण बदलाव किया गया था: सिंटैक्स हाइलाइटिंग वाले ब्राउज़र में पृष्ठ का स्रोत कोड देखना।


आज के लिए नवीनतम संस्करण WebView 1.0 Beta 6.1 है। कार्यक्रम को अनुकूलित करने के लिए महत्वपूर्ण कार्य किया गया था।

आज, लेखक नेटवर्क पर पृष्ठों को देखने पर टैब और प्रदर्शन छवियों के कार्यान्वयन पर काम कर रहा है।

एक छोटी वीडियो समीक्षा: