क्रोमियम इंजिनवर आधारित ब्राउझर. Google Chrome द्वारे समर्थित ब्राउझर. व्यासपीठावर अल्प-ज्ञात कार्यक्रम

चेरचर 12.03.2019
iOS वर - iPhone, iPod touch

तयार करा नवीन ब्राउझरआज हे नेहमीपेक्षा सोपे आहे - Chromium आहे, ज्याला तुम्ही काटा लावू शकता आणि कोणतीही कार्यक्षमता जोडू शकता. कंपन्या हे त्याच तर्कानुसार करतात ज्याद्वारे टूलबार एकदा तयार केले गेले होते - हा फक्त त्यांचा ब्रँड वापरकर्त्यावर हातोडा मारण्याचा आणि त्याला कंपनीची इतर उत्पादने वापरण्यास भाग पाडण्याचा प्रयत्न आहे. परंतु जेव्हा स्वतंत्र विकासक ते करतात, तेव्हा उत्पादनाचे ध्येय अक्षरशः स्थिर ब्राउझर मार्केटमध्ये आपली छाप पाडणे असते. मला चुकीचे समजू नका - मला विश्वास नाही की तुम्ही इंडी ब्राउझरपैकी एकावर स्विच कराल. पण ते काय ऑफर करतात हे पाहणे मनोरंजक आहे, नाही का?

स्विच करायचे की नाही?

जेव्हा असे दिसते की एखाद्या क्षेत्रात जे काही सांगितले जाऊ शकते ते आधीच सांगितले गेले आहे, काहीतरी वेगळे करण्याचा प्रयत्न करणे चित्तथरारक आहे: सुरुवातीला तुम्हाला वाटते की ते जंगली आणि काल्पनिक आहे, परंतु परिणामी तुम्ही बाजारातील नेत्यांकडे नवीन मार्गाने पाहू शकता. त्याच कारणास्तव, डिसेंबरच्या अंकात ][ आम्ही Tizen, Firefox OS किंवा Maemo सारख्या "विचित्र" मोबाइल OS बद्दल बोललो. म्हणून, माझ्या मते, वैकल्पिक ब्राउझरबद्दल बोलत असताना, प्रश्न स्पष्टपणे मांडणे चुकीचे आहे: स्विच करणे किंवा नाही. नाही, आपण निश्चितपणे ओलांडणार नाही. परंतु आपण आपल्या आवडत्या ब्राउझरमध्ये आपल्याला स्वारस्य असलेल्या कार्यक्षमतेची पुनरावृत्ती करण्याचा प्रयत्न करू शकता - यासाठी, प्रत्येक बाबतीत, मी योग्य विस्तार निवडण्याचा प्रयत्न केला.

लोकप्रियांशी जवळून संवाद साधणारा ब्राउझर तयार करण्याची कल्पना सामाजिक नेटवर्क, बर्याच काळापासून विकासकांच्या मनात रोमांचक आहे. असे संयोजन तयार करण्याचे बरेच प्रयत्न झाले, परंतु, कदाचित, रॉकमेल्ट कंपनीने अधिक चांगले काम केले. ते गंभीर आर्थिक गुंतवणूक प्राप्त करण्यास सक्षम होते यात आश्चर्य नाही.

त्याच नावाचा प्रकल्प 2009 मध्ये लाँच करण्यात आला आणि लगेचच नेटस्केपच्या संस्थापकांपैकी एकाचा पाठिंबा नोंदवला गेला. एका वर्षानंतर, क्रोमियम स्त्रोतांवर तयार केलेली पहिली बीटा आवृत्ती रिलीझ झाली आणि अल्पावधीतच ती चांगल्या संख्येने चाहते गोळा करण्यात यशस्वी झाली. रॉकमेल्टचे मुख्य वैशिष्ट्य म्हणजे त्याची बिनधास्तपणा. Facebook आणि Twitter सह एकत्रीकरण अतिरिक्त कार्यक्षमता म्हणून लागू केले गेले, आणि अनाहूत जोडणी नाही.

रॉकमेल्टचे भविष्य उज्ज्वल असेल, परंतु 2012 मध्ये विकासकांनी डेस्कटॉप आवृत्ती बंद केली आणि iOS ॲप तयार करण्यावर लक्ष केंद्रित केले. तीव्र बदल असूनही, मोबाइल अनुप्रयोगते त्वरीत जन्माला आले आणि ते खूप मनोरंजक ठरले.

म्हणून, आम्हाला एक समाधान ऑफर केले जाते जे मुख्यतः त्याच्या इंटरफेसमुळे मनोरंजक आहे. ब्राउझर नियंत्रण एका इनपुट लाईनभोवती केंद्र करते. हा ॲड्रेस बार आणि विविध सामग्री गटांसाठी नेव्हिगेटर दोन्ही आहे. उदाहरणार्थ, तुम्ही एखादा विशिष्ट विषय निवडू शकता आणि त्याच्याशी संबंधित नवीन पोस्टच्या लघुप्रतिमांचा एक पॅक त्वरित प्राप्त करू शकता. अतिरिक्त जेश्चरची उपस्थिती तुम्हाला एका क्लिकने किंवा स्वाइपने अनेक ऑपरेशन्स (शेअरिंग, लाईक) करण्यास अनुमती देते.

अशा प्रकारे, ब्राउझरसह आम्हाला सामग्री जनरेटर मिळतो. त्याच वेळी, आम्हाला सामग्री जारी करण्याच्या अटींवर सहजपणे प्रभाव टाकण्याची संधी आहे. तुम्हाला फक्त कोणत्याही वेबसाइटवर जाऊन “फॉलो” पिंप वर क्लिक करावे लागेल. संसाधन पाहण्याच्या सूचीमध्ये जोडले गेले आहे (RSS फीड विचारात घेतले जाते), आणि नवीन सामग्री वैयक्तिक बातम्या फीडमध्ये दिसून येईल.

विस्तार:

  • सामग्री जनरेटर. साठी प्लगइन Google Chromeखायला घालणारा;
  • श्रेणीनुसार नवीन साहित्य. Google Chrome साठी प्लगइन: StumbleUpon;
  • सामाजिक नेटवर्कसह परस्परसंवाद (प्रकाशने, सामायिकरण इ.). Google Chrome साठी प्लगइन: बफर.

SRWare लोह

प्रकल्प प्रेक्षक:षड्यंत्र सिद्धांत प्रेमी

Google Chrome (तसेच Chromium) च्या पहिल्या रिलीझमुळे खूप आवाज झाला. वापरकर्त्यांनी केवळ लक्ष दिले नाही मनोरंजक इंटरफेसआणि कामाचा वेग, पण काही गुणांनी परवाना करारजे गोपनीयतेला हानी पोहोचवते.

यानंतर, "या विषयावर लेखांची भरभराट सुरू झाली. मोठा भाऊतुम्हाला पाहत आहे,” शेवटी Google ला त्याच्या महत्वाकांक्षेवर पुनर्विचार करण्यास भाग पाडते. असे असूनही, क्रोममध्ये अद्याप अनेक कार्ये आहेत जी वापरकर्त्याच्या वैयक्तिक जागेचे उल्लंघन करतात.

उदाहरणार्थ, प्रत्येकाला हे लगेच कळते Google स्थापना Chrome व्युत्पन्न करते अद्वितीय ओळखकर्ता, जे कंपनी सर्व्हरवर प्रसारित केले जाते. "सूचना" फंक्शन त्याच प्रकारे कार्य करते. सर्व प्रविष्ट केलेला डेटा शोध सूचना प्रदान करण्याच्या उद्देशाने Google कडे पाठविला जातो. इतर दुःस्वप्नांबद्दलची चर्चा अंदाजे समान आहे: पार्श्वभूमी सेवाअद्यतने, त्रुटी अहवाल पाठवणे इ.

उपस्थित केलेल्या सर्व समस्या सोडवण्यासाठी SRWare तयार आहे. खरं तर, हे तेच Google Chrome आहे, परंतु भाषा कापून टाकली आहे. हे Google सर्व्हरवर कोणतीही माहिती प्रसारित करत नाही, परंतु अनेक छान वैशिष्ट्ये देखील आणते:

  • ऑफलाइन इंस्टॉलर;
  • अंगभूत जाहिरात ब्लॉकर;
  • वापरकर्ता-एजंट बदलण्याची क्षमता.

निर्णय:उपाय प्रामुख्याने षड्यंत्र सिद्धांतकारांसाठी आहे. अतिरिक्त वैशिष्ट्येब्राउझरमध्ये काही आहेत आणि ते सर्व योग्य विस्तार वापरून लागू केले जातात. परिणामी, असे दिसून आले की गोपनीयतेची अतिरिक्त पातळी प्रदान करण्यासाठी सर्व फायदे खाली येतात.

CoolNovo

प्रकल्प प्रेक्षक:वेब विकसक, उत्साही

क्रोमियम फोर्कमधून वाढलेला दुसरा प्रकल्प, कूलनोवो समान पर्यायांशी अनुकूलपणे तुलना करतो. सर्वप्रथम, मिडल किंगडममधील डेव्हलपर स्वत:साठी महत्त्वाकांक्षी उद्दिष्टे ठरवत आहेत, आणि फक्त दोन क्लोन तयार करत नाहीत. अतिरिक्त विस्तार. दुसरे म्हणजे, ते त्यांचे समाधान पूर्ण म्हणून ठेवतात Google बदलीक्रोम. अशा समाधानाची कल्पना वापरकर्त्यांची मने जिंकण्यात यशस्वी झाली आणि ब्राउझरला स्वतःच अनेक पुरस्कार मिळाले.

सर्वात मनोरंजक एक आणि उपयुक्त कार्ये- IE टॅब. माझी मुख्य क्रियाकलाप अंशतः वेब ऍप्लिकेशन्सच्या विकासाशी संबंधित आहे, ज्याचा अर्थ भिन्न प्रस्तुतीकरण इंजिन वापरणाऱ्या ब्राउझरमध्ये लेआउट योग्यरित्या प्रदर्शित झाला आहे की नाही हे तपासणे. IE टॅब इंटरनेट एक्सप्लोररमध्ये चाचणी प्रक्रिया सुलभ करते. ते धावण्याची गरज दूर करते स्वतंत्र प्रत IE, आणि तुम्हाला एका क्लिकने रेंडरिंगसाठी वापरलेले इंजिन बदलण्याची परवानगी देते.

जेश्चर नियंत्रणे देखील विशेष लक्ष देण्यास पात्र आहेत. एकेकाळी मला ऑपेरामध्ये समान कार्यक्षमता वापरण्याची सवय लागली आणि मला म्हणायचे आहे की कूलनोवो मधील अंमलबजावणी यापेक्षा वाईट नाही.

डेव्हलपर वैयक्तिक जागेच्या अभेद्यतेबद्दल SRWare Iron प्रकल्पातील लोकांप्रमाणेच मत सामायिक करतात. कंपनीच्या सर्व्हरवर माहितीचे सर्व गुप्त हस्तांतरण जमिनीवर कापले जाते.

लक्षात घेण्यासारखे इतर सर्वात मनोरंजक वैशिष्ट्ये:

  • पृष्ठांचे इतर भाषांमध्ये त्वरित भाषांतर (मार्गे Google भाषांतर);
  • पृष्ठ किंवा निवडलेल्या क्षेत्राचे स्क्रीनशॉट घेणे;
  • द्रुत इतिहास साफ करणे;
  • वारंवार वापरलेले विजेट आणि विस्तार ठेवण्यासाठी स्वतंत्र साइडबार;
  • जाहिरात अवरोधक.

निर्णय: CoolNovo होते बर्याच काळासाठीपर्यायी संमेलनांमध्ये नेता क्रोमियम-आधारित. आजही ते त्यांच्या पदावर आहेत आणि अजूनही आहेत चांगला निर्णयज्या वापरकर्त्यांना अपग्रेड केलेला ब्राउझर बॉक्सच्या बाहेर मिळवायचा आहे त्यांच्यासाठी. एकच दु:खद गोष्ट अशी की मध्ये अलीकडे CoolNovo कमी वेळा अद्यतनित केले जाते. हे असेच चालू राहिल्यास, लवकरच किंवा नंतर Chrome च्या रूपातील प्रतिस्पर्धी त्याला शर्यतीतून बाहेर फेकून देईल.

विस्तार:

  • जलद आणि लवचिक स्वच्छताइतिहास, कुकीज आणि इतर फायली नेटवर्क क्रियाकलाप. Google Chrome साठी प्लगइन क्लिक करा&क्लीन क्लिक&क्लीन;
  • लिंक शॉर्टनर. Google Chrome URL Shortener साठी प्लगइन;
  • जेश्चर नियंत्रण. Google Chrome साठी प्लगइन: CrxMouse किंवा Chrome साठी जेश्चर;
  • वाचन मोड (चित्र न दाखवता आणि अनावश्यक घटकलेआउट). Google Chrome साठी प्लगइन: iReader किंवा स्पष्टपणे;
  • द्रुत RSS सदस्यत्वासाठी बटण. Google Chrome साठी प्लगइन: RSS सदस्यता विस्तार;
  • सुपर ड्रॅग. Google Chrome साठी प्लगइन: सुपर ड्रॅग;
  • अनुवादक. Google Chrome साठी प्लगइन: Google भाषांतर.

मॅक्सथॉन

प्रकल्प प्रेक्षक:सर्व समावेशक प्रेमी

मॅक्सथॉन हा पुनर्जन्म अनुभवलेल्या प्रकल्पांपैकी एक आहे. त्याने प्रथम 2000 च्या दशकाच्या सुरुवातीस MyIE या टोपणनावाने प्रकाश पाहिला. तेव्हा ते गाढव IE आणि अनेक उपयुक्त कार्यांसाठी एक सोयीस्कर रॅपर होते. त्यात अंगभूत डाउनलोड व्यवस्थापक, त्याऐवजी टॅब होते स्वतंत्र खिडक्याआणि इतर उपयुक्त गोष्टी.

जेव्हा फायरफॉक्स आणि त्यानंतर गुगल क्रोमची भरभराट झाली, तेव्हा मोठ्या दुरुस्तीसाठी MyIE ला अस्पष्टतेत भाग पाडले गेले. एकूण सरळीकरणाने ते एका नवीन नावाने, फंक्शन्सचा अद्ययावत संच आणि पूर्णपणे भिन्न चेहरा घेऊन परत आणले.

आज मॅक्सथॉन हे ब्राउझरपेक्षा अधिक शक्तिशाली इंटरनेट केंद्र आहे. ॲडव्हेंचर गेमच्या हुडखाली आधीपासूनच दोन इंजिन आहेत - वेबकिट आणि ट्रायडेंट (इंटरनेट एक्सप्लोररमध्ये वापरलेले). शिवाय, सर्वात विपरीत समान निर्णयज्यासाठी ट्रायडंट वापरणे अधिक श्रेयस्कर आहे (नियमानुसार, या जुन्या साइट्स आहेत) मॅक्सथॉन स्वतंत्रपणे पृष्ठे निर्धारित करण्यास सक्षम आहे. मी विशेषतः पॅन्ट्रीमधून एक बाहेर काढला जुना प्रकल्प, IE मध्ये पाहण्यासाठी रुपांतरित केले आणि ते Maxthon पाहण्याचा प्रयत्न केला. दोनदा विचार न करता, ब्राउझरने तत्काळ डिस्प्ले रेट्रो मोडवर स्विच केला आणि ट्रिडेंट वापरून पृष्ठ प्रस्तुत केले. याशिवाय एकाच वेळी कामदोन इंजिनांसह, बहुतेक शक्तीमॅक्सथॉनचा ​​स्वतःचा क्लाउड आहे आणि मोबाइल प्लॅटफॉर्मसाठी (Android, iOS) आवृत्त्या आहेत. तुमचा स्वतःचा क्लाउड तुम्हाला ब्राउझिंग हिस्ट्री, लिस्ट यासारखी विविध छोटी माहिती साठवण्याची परवानगी देत ​​नाही पाने उघडाआणि तत्सम गोष्टी, परंतु ते फायली संचयित करण्यासाठी देखील योग्य आहे.

उदाहरणार्थ, एका क्लिकवर वेब पेजवरून क्लाउडवर फाइल्स सेव्ह करण्याच्या क्षमतेमुळे मला खूप आनंद झाला. मोबाईल फोन/टॅब्लेटवर काम करताना हे कार्य सर्वात फायदेशीर दिसते. मॅक्सथॉनची उपयुक्तता तिथेच संपत नाही, तर ती सुरू होते. त्यापैकी:

  • जेश्चर समर्थन;
  • सुपरड्रॉप फंक्शन, जे माउसच्या अनुपस्थितीत ब्राउझर इंटरफेससह परस्परसंवाद सुलभ करते;
  • जाहिरात अवरोधक;
  • पूर्णपणे पुन्हा डिझाइन केलेला अनुप्रयोग इंटरफेस (दुसरा Chrome क्लोन नाही);
  • अनेक शोध सर्व्हरवरून शोध परिणामांची एकाचवेळी प्रक्रिया;
  • वाचन मोडमध्ये पृष्ठे पाहणे (अनावश्यक माहितीशिवाय);
  • YouTube वरून व्हिडिओ जतन करणे;
  • कोणत्याही पृष्ठावर आवाज म्यूट करा;
  • एका विंडोमध्ये अनेक टॅब एकाच वेळी पाहणे;
  • डाउनलोड व्यवस्थापक;
  • स्वतःचे विस्तार स्टोअर;
  • उघडलेल्या पृष्ठांसाठी अनियंत्रित रिफ्रेश वेळ सेट करणे;
  • रात्री सर्फिंग मोड. सक्रिय झाल्यावर हा मोडमॅक्सथॉन अंधुक चमकदार पार्श्वभूमीपृष्ठे, ज्यामुळे डोळ्यांचा ताण कमी होतो;
  • वाढलेली उत्पादकता आणि बरेच काही.

निर्णय:मॅक्सथॉन अनौपचारिक वापरकर्ते आणि नवीन साहस शोधत असलेल्या हार्डकोर गीक्स दोघांनाही आकर्षित करेल. मोबाइल प्लॅटफॉर्मसाठी आवृत्त्यांची उपलब्धता आणि संपूर्ण वैयक्तिक क्लाउड - दोन प्रमुख कार्ये, मॅक्सथॉनला अनेक स्पर्धकांना मागे टाकण्याची अनुमती देते. यात भर घालूया चांगली कामगिरी, वेब मानकांचे पालन करण्यासाठी चाचण्यांमध्ये असंख्य विजय आणि आम्हाला जवळजवळ परिपूर्ण, परंतु अल्प-ज्ञात ब्राउझर मिळेल.

विस्तार:

  • रेट्रो मोड (IE इंजिन वापरून पृष्ठ प्रस्तुतीकरण). Google Chrome साठी प्लगइन: IE टॅब;
  • स्क्रीनशॉट घेत आहे. Google Chrome साठी प्लगइन: वेबपृष्ठ स्क्रीनशॉट;
  • रात्री मोड. Google Chrome साठी प्लगइन: हॅकर व्हिजन किंवा व्हिडिओ आरामदायी पाहण्यासाठी दिवे बंद करा;
  • पासवर्ड स्टोरेज. Google Chrome साठी प्लगइन: LastPass;
  • जाहिरात ब्लॉकर. Google Chrome साठी प्लगइन: AdBlock;
  • क्लाउडमध्ये नोट्स संचयित करण्याच्या क्षमतेसह अंगभूत नोटपॅड. Google Chrome साठी प्लगइन: मेमो नोटपॅड;
  • संसाधन स्निफर. Google Chrome साठी प्लगइन: वेब विकसक.

प्रकल्प प्रेक्षक:ताजे सर्वकाही प्रेमी

क्रोमियम अनेक वेबकिट-आधारित ब्राउझरचे जनक बनले. हे जवळजवळ प्रत्येक नवीन ब्राउझरचा पाया बनवते, आणि त्याचे वर्चस्व हलविणे क्वचितच शक्य आहे.

त्यामुळे, तुम्हाला कदाचित आधीच माहित असेल की या प्रकल्पावर सर्व नवीन उत्पादने Google Chrome वर येण्यापूर्वी त्यांची चाचणी केली जाते. नवीन HTML5 वैशिष्ट्यांसाठी समर्थन, भयानक बग सुधारणे, नवीन इंटरफेस वैशिष्ट्ये - हे सर्व प्रामुख्याने Chromium वापरकर्त्यांद्वारे प्राप्त झाले आहे. दुर्दैवाने, अद्यतनांची वारंवारता स्थिरतेच्या किंमतीवर येते. मुख्य समस्या ज्या तुम्हाला ब्राउझरसह सामान्यपणे कार्य करण्यापासून प्रतिबंधित करतात दुर्मिळ आहेत, परंतु अचूक आहेत.

काही मूळ इंटरफेस वैशिष्ट्ये किंवा क्षमता एकत्र करणे खूप कठीण आहे, कारण ते मोठ्या प्रमाणात नवीन HTML5 वैशिष्ट्यांची अंमलबजावणी आहेत आणि वेब डेव्हलपरसाठी संबंधित आहेत, केवळ मनुष्यांसाठी नाही.

तथापि, स्वारस्य असू शकते असे अनेक फरक आहेत साधा वापरकर्ता, Chromium कडे अजूनही आहे. उदाहरणार्थ:

  • कोणतीही त्रुटी अहवाल नाही;
  • RLZ ओळखकर्ता कंपनीच्या सर्व्हरवर हस्तांतरित केला जात नाही;
  • पार्श्वभूमीत कोणतेही अपडेटर लटकलेले नाही;
  • केवळ मुक्त आणि मुक्त माध्यम स्वरूप समर्थित आहेत;
  • उत्पादकता खूप जास्त आहे.

निर्णय:विशेष Google आवृत्तीउत्साही आणि गीक्ससाठी Chrome. येथे सर्व काही नवीन दिसते आणि या वापरकर्ता गटांना ते नक्कीच आवडेल. क्रोमियम केवळ मर्त्यांसाठी योग्य असण्याची शक्यता नाही, कारण हे मुख्यतः चाचणीसाठी उत्पादन आहे. आणि असे काही वापरकर्ते आहेत जे प्रथम बॅटरी API ची चाचणी घेण्यासाठी उत्सुक आहेत.

अवंत ब्राउझर

प्रकल्प प्रेक्षक:वेब विकासक

विकासकांचे प्राथमिक ध्येय अवंत ब्राउझर- वापरकर्त्यांना एका अनुप्रयोगामध्ये इंजिनचे कार्य एकत्र करण्याचा सोपा मार्ग प्रदान करा. असे दिसते की हे कार्य सोपे नाही, परंतु अवंत ब्राउझर पाहिल्यास, तुम्हाला उलट खात्री पटली आहे. विकसक केवळ सर्व लोकप्रिय इंजिनांना एकाच आवरणाखाली एकत्र आणू शकले नाहीत तर ते देखील तयार केले सोपा मार्गत्यांच्या दरम्यान स्विच करा. रेंडरिंग इंजिन बदलणे दोन माऊस क्लिकमध्ये केले जाते.

येथेच अत्यंत उपयुक्त फंक्शन्स संपतात आणि अशा सोल्यूशन्ससाठी जे उरले आहे ते वैशिष्ट्यपूर्ण आहे:

  • साधे मेघ संचयन, RSS सदस्यता, आवडी, पासवर्ड आणि इतर माहिती संचयित करण्यास सक्षम;
  • जाहिरात/पॉपअप ब्लॉकर;
  • पृष्ठांचे स्क्रीनशॉट तयार करणे;
  • जेश्चर नियंत्रणाची सोपी अंमलबजावणी;
  • पृष्ठांसाठी उपनाव तयार करणे, ज्याद्वारे आपण वारंवार भेट दिलेल्या साइटवर द्रुतपणे नेव्हिगेट करू शकता;
  • अंगभूत RSS वाचक;
  • मेल क्लायंट.

निर्णय:अवंत ब्राउझरचा पूर्ण वाढ झालेला अनुप्रयोग म्हणून विचार केला जाऊ शकत नाही रोजचा वापर. ते अधिक आहे सानुकूलित समाधान, सेवा करण्यास सक्षम चांगली सेवावेब डेव्हलपर, पण नाही सरासरी वापरकर्त्यासाठी. अवंत ब्राउझरमध्ये इतर कोणतीही मनोरंजक वैशिष्ट्ये नाहीत.

कोणत्याही कामाच्या संगणकावर ब्राउझर स्थापित केला जातो. आणि हे समजण्यासारखे आहे, कारण हा प्रोग्राम इंटरनेटवर प्रवेश करण्यासाठी वापरला जातो. परंतु आपण कधीही विचार केला आहे की ब्राउझर कसे तयार केले जातात, आपल्याला काय माहित असणे आवश्यक आहे आणि सर्वसाधारणपणे ते कठीण आहे? आज बाजारात फक्त काही आहेत लोकप्रिय ब्राउझरजे अनेकदा वापरले जातात. उदाहरणार्थ: "Yandex. Browser", Chrome, Opera, Firefox. आपण सुरवातीपासून तयार केल्यास, अर्थातच, ब्राउझर डिझाइन करणे ही खूप लांब आणि गुंतागुंतीची प्रक्रिया वाटेल. परंतु आपण तयार केलेली साधने वापरू शकता आणि आपण काही मिनिटांत नवीन “यांडेक्स ब्राउझर” तयार करू शकता! माझ्यावर विश्वास नाही? या लेखात आम्ही क्रोमिनियमवर आधारित कन्स्ट्रक्ट 2 प्रोग्राम वापरून आपला स्वतःचा ब्राउझर कसा तयार करायचा याबद्दल बोलू.

बांधकाम 2 बद्दल

Construct 2 हा विविध प्लॅटफॉर्मसाठी, विशिष्ट गेममध्ये, ऍप्लिकेशन्स विकसित करण्यासाठी एक प्रोग्राम आहे. या प्रोग्राममध्ये तयार केलेली उत्पादने मोबाइल प्लॅटफॉर्म आणि विंडोज दोन्हीवर चालविली जाऊ शकतात. मी हे लक्षात घेऊ इच्छितो की विकासासाठी प्रोग्रामिंग ज्ञान आवश्यक नाही, सर्वकाही घटनांवर आधारित आहे. याबद्दल धन्यवाद, दोन आठवड्यांत गेम किंवा प्रोग्राम कसे तयार करावे हे कोणीही शिकू शकेल! पण आपण यासाठी Construct 2 वापरू जलद विकासतुमचा ब्राउझर. प्रोग्रामच्या सशुल्क आणि विनामूल्य आवृत्त्या आहेत. IN विनामूल्य आवृत्तीमोबाइल प्लॅटफॉर्मसाठी सॉफ्टवेअर तयार करण्याचा कोणताही मार्ग नाही, परंतु ते ब्राउझर तयार करण्यासाठी कार्य करेल. आपला स्वतःचा ब्राउझर कसा तयार करायचा ते पाहूया!

तयारी

प्रथम आपल्याला कन्स्ट्रक्ट 2 डाउनलोड आणि स्थापित करणे आवश्यक आहे. आपण ते अधिकृत वेबसाइटवर डाउनलोड करू शकता. अर्थात, अशा साइट्स आहेत ज्या हॅक केलेल्या आवृत्त्या देतात, परंतु त्या योग्यरित्या कार्य करू शकत नाहीत. आम्ही एक ब्राउझर ऍप्लिकेशन तयार करत आहोत, आमच्यासाठी विनामूल्य आवृत्ती पुरेसे आहे. आम्ही ते आमच्यासाठी सोयीस्कर ठिकाणी स्थापित करतो आणि लॉन्च करतो. Construct 2 सारखे दिसते खालीलप्रमाणे:

परंतु आपण विकसित करणे सुरू करण्यापूर्वी, आपल्याला IFrame प्लगइन डाउनलोड करणे आवश्यक आहे. आपण ते प्रोग्रामच्या अधिकृत वेबसाइटवर शोधू शकता. हे अगदी सोप्या पद्धतीने स्थापित केले आहे. प्रथम, कन्स्ट्रक्ट 2 मधून बाहेर पडा. आर्काइव्हची सामग्री Construct2/exporters/html5/plugins फोल्डरमध्ये हस्तांतरित केली पाहिजे. प्लगइन स्थापित केले आहे!

एक प्रकल्प तयार करा

सर्व काही तयार आहे, आम्ही ब्राउझर तयार करणे सुरू करू शकतो. हे करण्यासाठी, प्रथम कन्स्ट्रक्ट 2 लाँच करा. डावीकडे वरचा कोपराफाइल - नवीन बटणावर क्लिक करा. त्यानंतर पुढील गोष्टी आमच्यासमोर येतील:

निवड मोठी आहे, विविध स्वरूपआणि असेच. परंतु मोबाइल प्लॅटफॉर्मसाठी गेम तयार करताना हे सर्व आवश्यक आहे. आपल्याला सर्वात पहिले निवडावे लागेल आणि ओपन वर क्लिक करावे लागेल. प्रकल्प तयार केला आहे, परंतु तो कुरूप दिसत आहे:

आपल्याला परिमाण निश्चित करणे आवश्यक आहे. डावीकडे, गुणधर्म टॅबमध्ये, तुम्ही लेआउट आकार फील्ड पाहू शकता. प्रकल्पाचे परिमाण तेथे सूचित केले आहेत, सुरुवातीला ते 1708x960 आहे. चला ही मूल्ये अधिक सोयीस्करांमध्ये बदलू: 640x480. पुढे, त्याच टॅबमध्ये, वर क्लिक करा पहा बटणआणि विंडोज साइज फील्डमध्ये आम्ही व्हॅल्यू 640x480 मध्ये बदलतो. आम्ही प्रॉजेक्टला परत आणले आहे, तुमचा स्वत:चा ब्राउझर तयार करण्याचे बाकी आहे. सर्वकाही सेट करणे जितके सोपे होते तितकेच ते तयार करणे देखील सोपे होईल!

ब्राउझर तयार करणे

सर्व काही तयार आहे, आपण सुरू करू शकता. आमच्या फील्डवर उजवे-क्लिक करा आणि नवीन ऑब्जेक्ट घाला क्लिक करा. आम्ही खालील पाहतो:

ही प्लगइनची यादी आहे. लक्षात ठेवा, आम्ही IFrame प्लगइन स्थापित केले आहे आणि आपल्याला या सूचीमध्ये ते शोधण्याची आवश्यकता आहे. आपण सर्वकाही योग्यरित्या स्थापित केल्यास, ते येथे असेल. हे असे दिसते:

त्यावर 2 वेळा क्लिक करा आणि दिसणारी वस्तू संपूर्ण फील्डमध्ये पसरवा. याप्रमाणे:

त्यानंतर आपल्याला इव्हेंट जोडण्याची आवश्यकता आहे जेणेकरून ब्राउझर कार्य करण्यास प्रारंभ करेल. हे करण्यासाठी, इव्हेंट शीट टॅबवर जा. तुम्ही ते वरच्या मध्यभागी शोधू शकता. तिथे जा आणि RMB - Add Event - System दाबा. दिसणाऱ्या सूचीमध्ये, ऑन स्टार्ट ऑफ लेआउट शोधा, याचा अर्थ "लेव्हल सुरू झाल्यावर."

आणि Done वर क्लिक करा. आम्ही जोडलेल्या इव्हेंटच्या पुढे, ॲड ॲक्शन बटण आहे. तेथे क्लिक करा आणि आमचे प्लगइन निवडा. दिसणाऱ्या विंडोमध्ये, Set Url शोधा आणि तेथे क्लिक करा, URL फील्डमध्ये लिंक एंटर करा शोध इंजिन.. सर्व काही यासारखे दिसले पाहिजे:

पूर्ण झाले क्लिक करा. सर्व काही तयार आहे! चाचणीसाठी, तुम्हाला F5 दाबून आमचा प्रकल्प चालवावा लागेल. आमचा ब्राउझर लॉन्च होतो आणि तो यासारखा दिसतो:

हे विसरू नका की कन्स्ट्रक्ट 2 तुम्हाला तुमचा प्रकल्प विविध प्लॅटफॉर्मसाठी संकलित करण्याची परवानगी देतो: Android, iOS, Windows, Linux आणि इतर!

या लेखात आम्ही आपला स्वतःचा ब्राउझर कसा तयार करायचा या प्रश्नाकडे पाहिले. जसे आपण पाहू शकता, हे करणे अगदी सोपे आहे आणि प्रक्रिया स्वतःच काही मिनिटे घेते. अर्थात, हा ब्राउझर सुरवातीपासून नाही, परंतु तयार केलेल्या ब्राउझरवर आधारित आहे, परंतु तरीही ही एक सुरुवात आहे!

गेल्या काही महिन्यांत, आम्ही आधुनिक ब्राउझरसह सुसंगतता आणि नवीन आणि आगामी मानकांचे पालन यावर विशेष भर देऊन (एजएचटीएमएल) मध्ये अनेक सुधारणा केल्या आहेत. एजएचटीएमएल मूळ आहे या वस्तुस्थितीव्यतिरिक्त मायक्रोसॉफ्ट ब्राउझरएज, हे WebView नियंत्रणाद्वारे युनिव्हर्सल विंडोज प्लॅटफॉर्म (UWP) वरील ॲप्ससाठी देखील उपलब्ध आहे. आज आम्ही तुम्हाला Windows 10 मध्ये तुमचा स्वत:चा ब्राउझर तयार करण्यासाठी WebView कसे वापरू शकता हे सांगू इच्छितो.

JavaScript, HTML आणि CSS सह मानक वेब तंत्रज्ञानाचा वापर करून, आम्ही एक साधा UWP अनुप्रयोग तयार केला आहे ज्यामध्ये आत WebView समाविष्ट आहे आणि मूलभूत कार्यक्षमता लागू करते: नेव्हिगेशन आणि आवडीसह कार्य करणे. वेब सामग्री अखंडपणे एकत्रित करण्यासाठी कोणत्याही UWP अनुप्रयोगामध्ये तत्सम तंत्रे वापरली जाऊ शकतात.


आमचे उदाहरण यावर आधारित आहे शक्तिशाली घटक WebView नियंत्रणे. याशिवाय सर्वसमावेशक संच API, हा घटकहे iframes मध्ये अंतर्निहित काही मर्यादांवर देखील मात करते, जसे की फ्रेम ट्रॅकिंग (जेथे काही साइट एखाद्या iframe मध्ये कार्यान्वित केल्यास तिचे वर्तन बदलते) आणि दस्तऐवज लोड केव्हा होतो हे शोधण्यात अडचण येते. याशिवाय, x-ms-webview , WebView HTML मध्ये निर्दिष्ट केल्याप्रमाणे, iframe मध्ये उपलब्ध नसलेल्या कार्यक्षमतेमध्ये प्रवेश देते, जसे की स्थानिक सामग्रीमध्ये सुधारित प्रवेश आणि सामग्री स्नॅपशॉट करण्याची क्षमता. जेव्हा तुम्ही WebView नियंत्रण वापरता, तेव्हा तुम्हाला Microsoft Edge प्रमाणेच इंजिन मिळते.

ब्राउझर तयार करत आहे

वर वर्णन केल्याप्रमाणे, ब्राउझर HTML साठी आणि तयार आणि ॲनिमेट करण्यासाठी WebView नियंत्रणावर आधारित आहे वापरकर्ता इंटरफेसबहुतांशी JavaScript वापरले जाते. प्रकल्प व्हिज्युअल स्टुडिओ 2015 मध्ये तयार केला गेला आणि आहे युनिव्हर्सल विंडोज ऍप्लिकेशन JavaScript मध्ये.

JavaScript व्यतिरिक्त, कीबोर्ड शॉर्टकटला समर्थन देण्यासाठी आम्ही काही HTML आणि CSS तसेच C++ कोडच्या काही ओळी देखील वापरल्या, परंतु साध्या बाबतीत हे आवश्यक नाही.

आम्ही चक्रामध्ये समर्थित नवीन ECMAScript 2015 (ES2015), Microsoft Edge मध्ये चालणारे JavaScript इंजिन आणि WebView नियंत्रण मधील नवीन वैशिष्ट्यांचा देखील लाभ घेतो. ES2015 ने आम्हाला व्युत्पन्न आणि बॉयलरप्लेट कोडचे प्रमाण कमी करण्याची परवानगी दिली, ज्यामुळे कल्पनेची अंमलबजावणी लक्षणीयरीत्या सुलभ झाली. ॲप्लिकेशन तयार करताना आम्ही खालील ES2015 वैशिष्ट्ये वापरली: Array.from() , Array.prototype.find() , ॲरो फंक्शन्स , पद्धत गुणधर्म , const , for-of , let , Map , Object.assign() , वचने , मालमत्ता शॉर्टहँड्स , प्रॉक्सी , स्प्रेड ऑपरेटर , String.prototype.includes() , String.prototype.startsWith() , चिन्हे , टेम्पलेट स्ट्रिंग्स आणि युनिकोड कोड पॉइंट एस्केप्स .

वापरकर्ता इंटरफेस

वापरकर्ता इंटरफेसमध्ये खालील दहा घटक समाविष्ट आहेत:
  • शीर्षक
  • मागे बटण
  • फॉरवर्ड बटण
  • अपडेट बटण
  • फेविकॉन
  • ॲड्रेस बार
  • ट्विटर शेअर बटण
  • आवडते बटण आणि मेनू
  • बटण आणि सेटिंग्ज मेनू
  • WebView नियंत्रण

अतिरिक्त कार्यक्षमता

तुमचा ब्राउझिंग अनुभव आणखी आनंददायक बनवण्यासाठी आम्ही अनेक अतिरिक्त वैशिष्ट्ये देखील लागू केली आहेत:
  • कीबोर्ड शॉर्टकट: F11 दाबल्याने फुल स्क्रीन मोडमध्ये प्रवेश होतो, ESC बाहेर पडते पूर्ण स्क्रीन मोड, Ctrl+L निवडते पत्ता बार;
  • मेनू ॲनिमेशनसाठी CSS संक्रमणे
  • कॅशे व्यवस्थापन
  • आवडी व्यवस्थापित करा
  • प्रविष्ट केलेल्या पत्त्यांचे विश्लेषण - उदाहरणार्थ, “bing.com” http(s)://bing.com मध्ये भाषांतरित करते आणि Bing मध्ये “seahawks” शोध
  • फोकस केल्यावर ॲड्रेस बार हायलाइटिंग आपोआप बदला
  • प्रतिसादात्मक डिझाइन

WebView वापरणे


Windows 8.1 मधील JavaScript ऍप्लिकेशन्ससाठी सादर केलेले, WebView कंट्रोल, ज्याला त्याच्या x-ms-webview टॅगद्वारे देखील संदर्भित केले जाते, तुम्हाला तुमच्या Windows ऍप्लिकेशनमध्ये वेब सामग्री होस्ट करण्याची परवानगी देते. हे HTML आणि XAML दोन्हीसाठी उपलब्ध आहे, फक्त पृष्ठ कोडमध्ये योग्य घटक ठेवा.

ब्राउझर विकास

आम्ही 15 भिन्न x-ms-webview APIs वापरू. त्यापैकी दोन वगळता सर्व काही अर्थाने पृष्ठांदरम्यान नेव्हिगेशन नियंत्रित करतात. हे इंटरफेस विविध UI घटक तयार करण्यासाठी कसे वापरले जाऊ शकतात ते पाहू.

बॅक आणि फॉरवर्ड बटण नियंत्रण

जेव्हा तुम्ही बॅक बटणावर क्लिक करता तेव्हा ब्राउझर परत येतो मागील पृष्ठतुमच्या ब्राउझर इतिहासातून, उपलब्ध असल्यास. त्याचप्रमाणे, जेव्हा तुम्ही फॉरवर्ड बटणावर क्लिक करता, तेव्हा ब्राउझर इतिहासामधून पुढील पृष्ठ परत करतो जर एखादे उपलब्ध असेल. असे तर्क लागू करण्यासाठी, आम्ही अनुक्रमे goBack() आणि goForward() पद्धती वापरतो. ही फंक्शन्स आपोआप नेव्हिगेशन स्टॅकमधून योग्य पृष्ठावर नेव्हिगेट करतील.

काही पृष्ठावर नेव्हिगेट केल्यानंतर, आम्ही नेव्हिगेशन स्टॅकच्या एका टोकापर्यंत पोहोचल्यावर "संधी" नेव्हिगेशन टाळण्यासाठी आम्ही बटणांची वर्तमान स्थिती देखील अद्यतनित करतो. दुसऱ्या शब्दांत, समानतेसाठी canGoBack किंवा canGoForward गुणधर्म तपासून आम्ही फॉरवर्ड किंवा बॅक नेव्हिगेशन बटणे अक्षम करतो खोटे.

// नेव्हिगेशन स्थिती अद्यतनित करा this.updateNavState = () => ( this.backButton.disabled = !this.webview.canGoBack; this.forwardButton.disabled = !this.webview.canGoForward; ); // मागे नेव्हिगेट करण्यासाठी बॅक बटण ऐका this.backButton.addEventListener("क्लिक", () => this.webview.goBack()); // फॉरवर्ड नॅव्हिगेट करण्यासाठी फॉरवर्ड बटण ऐका this.forwardButton.addEventListener("क्लिक", () => this.webview.goForward());

रिफ्रेश आणि स्टॉप बटणे व्यवस्थापित करणे

रिफ्रेश आणि स्टॉप बटणे उर्वरित नेव्हिगेशन बार घटकांपेक्षा थोडी वेगळी आहेत कारण ते UI मध्ये समान स्थान सामायिक करतात. पृष्ठ लोड झाल्यावर, बटणावर क्लिक केल्याने लोडिंग थांबेल, प्रगती रिंग लपवेल आणि रीफ्रेश चिन्ह प्रदर्शित होईल. याउलट, जेव्हा पृष्ठ लोड केले जाते, तेव्हा बटणावर क्लिक केल्याने पृष्ठ रीफ्रेश होईल आणि (कोडच्या दुसऱ्या भागात) एक स्टॉप चिन्ह प्रदर्शित होईल. आम्ही सध्याच्या परिस्थितीनुसार refresh() किंवा stop() पद्धती वापरतो.

// नेव्हिगेशन थांबवण्यासाठी स्टॉप/रिफ्रेश बटण ऐका/पृष्ठ रिफ्रेश करा this.stopButton.addEventListener("क्लिक", () => ( जर (this.loading) ( this.webview.stop(); this.showProgressRing( असत्य); this.showRefresh();

ॲड्रेस बार कंट्रोल

एकूणच, ॲड्रेस बार लागू करणे खूप सोपे असू शकते. जेव्हा URL पत्तामजकूर फील्डमध्ये प्रविष्ट केल्यावर, एंटर दाबल्यास पॅरामीटर म्हणून ॲड्रेस बार इनपुट घटकातील सामग्री वापरून नेव्हिगेट() पद्धत कॉल केली जाईल.

तथापि आधुनिक ब्राउझरते बरेच पुढे गेले आणि वापरकर्त्यांच्या सोयीसाठी अतिरिक्त कार्यक्षमता सादर केली. हे काही अंमलबजावणीची जटिलता जोडते - आणि हे सर्व तुम्ही समर्थन करू इच्छित असलेल्या परिस्थितींवर अवलंबून असते.

कॉन्स्ट RE_VALIDATE_URL = /^[-:.+()[\]$"*;@~!,?%=\/\w]+$/; // फंक्शन फंक्शन प्रयत्न करण्याचा प्रयत्न करा(func) ( प्रयत्न करा ( func return (); / ... ) // निर्दिष्ट स्थानावर नेव्हिगेट करा this.navigateTo = loc => ( // ... // इनपुट मूल्यामध्ये बेकायदेशीर वर्ण आहेत का ते तपासा let isUrl = RE_VALIDATE_URL.test(loc); असल्यास (isUrl && नेव्हिगेट करा (this.webview, loc, true)) ( return; ) // ... फॉलबॅक लॉजिक (उदा. URL वर http(s) आधीच प्रलंबित करणे, Bing.com वर क्वेरी करणे इ.) // पत्त्यातील एंटर की ऐका निर्दिष्ट URL वर नेव्हिगेट करण्यासाठी बार this.urlInput.addEventListener("keypress", e => ( if (e.keyCode === 13) ( this.navigateTo(urlInput.value); ));
येथे एक उदाहरण परिस्थिती आहे जी आम्ही अंमलात आणण्याचा प्रयत्न केला. ॲड्रेस बारमध्ये “microsoft.com” हे मूल्य एंटर केले आहे असे समजा. पत्ता पूर्ण नाही. जर असे मूल्य navigate() पद्धतीत पास केले तर ते अयशस्वी होईल. आमच्या ब्राउझरला माहित असणे आवश्यक आहे की URL पूर्ण नाही आणि कोणता योग्य प्रोटोकॉल बदलायचा हे निर्धारित करण्यात सक्षम आहे: http किंवा https. शिवाय, हे शक्य आहे की प्रविष्ट केलेले मूल्य पत्ता असण्याचा हेतू नव्हता. उदाहरणार्थ, आम्ही ॲड्रेस बारमध्ये "सीहॉक्स" प्रविष्ट करू शकतो, या आशेने की, अनेक ब्राउझरप्रमाणे, बार देखील शोध फील्ड म्हणून कार्य करेल. ब्राउझरला हे समजले पाहिजे की मूल्य हा पत्ता नाही आणि शोध इंजिनमध्ये "शोधण्याचा" प्रयत्न करा.

फेविकॉन डिस्प्ले

फेविकॉनची चौकशी करणे हे क्षुल्लक काम नाही, कारण आयकॉन निर्दिष्ट करण्याचे अनेक मार्ग आहेत. "favicon.ico" फाइलसाठी वेबसाइटचे रूट तपासणे हा सर्वात सोपा मार्ग आहे. तथापि, काही साइट्स सबडोमेनवर असू शकतात आणि म्हणून त्यांचे चिन्ह वेगळे असू शकतात. उदाहरणार्थ, “microsoft.com” वरील चिन्ह “windows.microsoft.com” वरील चिन्हापेक्षा वेगळे आहे. संदिग्धता दूर करण्यासाठी, तुम्ही दुसरी पद्धत वापरू शकता - दस्तऐवजाच्या आत “आयकॉन” किंवा “शॉर्टकट आयकॉन” च्या समान rel विशेषतासह लिंक थ्रेडच्या उपस्थितीसाठी पृष्ठ मार्कअप तपासा.

स्त्रोत कोड

संपूर्ण कोड उदाहरण आमच्या GitHub रेपॉजिटरीमध्ये उपलब्ध आहे. वरून संबंधित अनुप्रयोग स्थापित करून आपण डेमो ब्राउझर देखील वापरून पाहू शकता विंडोज स्टोअर, किंवा प्रकल्पातून अर्ज उपयोजित करून व्हिज्युअल स्टुडिओ.

Windows 10 साठी तुमचे ॲप तयार करा

WebView सह, आम्ही फक्त एका दिवसात वेब मानकांचा वापर करून एक साधा ब्राउझर तयार करू शकलो. आपण Windows 10 साठी काय तयार करू शकता याची उत्सुकता आहे?

आम्ही वाचण्याची शिफारस करतो

वर