ते तुमच्या आवडीमध्ये जोडा. आवडींमध्ये जोडा. वर्तमान पृष्ठ पसंतींमध्ये जोडा

चेरचर 06.03.2019
संगणकावर व्हायबर

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

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

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

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

बटण खूप मोठे किंवा खूप लहान करण्याची गरज नाही. लक्षात ठेवा की बटण साइटच्या एकूण डिझाइनमध्ये बसले पाहिजे आणि खूप अनाहूत किंवा खूप अस्पष्ट नसावे.

"आवडीत साइट जोडा" बटणासाठी कोड

बहुतेक आधुनिक ब्राउझर, HTML5 मानकाच्या आगमनाने, rel="sidebar" विशेषताचे समर्थन करतात.

तुमच्या आवडींमध्ये साइट जोडणे - "Nubex" फंक्शन addSite() ( if (document.all) window.external.addFavorite("http://site", "साइट बिल्डर "Nubex"");)

आमच्या साइटला बुकमार्क करण्यास विसरू नका! (ब्राउझरसाठी Google Chrome Ctrl+D दाबा)

आवडींमध्ये साइट जोडा

पण लक्षात ठेवा की मध्ये Google ब्राउझर Chrome साइटवरील बटण वापरून साइट बुकमार्क करू शकत नाही. यासाठी आहे विशेष संयोजनकी: Ctrl+D, म्हणून वापरकर्त्याला याबद्दल सांगण्यास विसरू नका.

तुम्ही तुमची साइट बुकमार्क केलेल्या वापरकर्त्यांची संख्या ट्रॅक करू शकता, उदाहरणार्थ, Yandex.Metrica सेवा वापरून ("उपस्थिती" - "रूपांतरे").

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

HTML मध्ये काय जोडायचे बुकमार्क्समध्ये जोडा

आपल्याला आवश्यक असलेल्या कोणत्याही ठिकाणी कोड प्रविष्ट करा. खाली सूचीबद्ध केल्याशिवाय सर्व सेटिंग्ज बदलल्या किंवा हटवल्या जाऊ शकतात.

  • id="fav"
    वेबकिट इंजिनवर आधारित Chrome, Opera आणि सर्व ब्राउझरसाठी सूचना येथे लिहिल्या जातील
  • rel="साइडबार"
    विशेषता आवश्यक आहे, फायरफॉक्ससाठी आवश्यक आहे, म्हणून ते निर्धारित करेल की दुव्याद्वारे पृष्ठ पसंतीस पाठवावे.
  • href=""
    ते अपरिवर्तित सोडणे देखील उचित आहे. फायरफॉक्स या पत्त्यावरून बुकमार्क लिंक घेईल

    जर ते माझ्यावर अवलंबून असेल तर, मी span सह बदलेल, परंतु हा पर्याय Firefox सह कार्य करणार नाही

  • onclick="addFav()"
    येथे ते निश्चित केले जाईल जावास्क्रिप्ट स्क्रिप्ट. त्याच्याबद्दल अधिक
जावास्क्रिप्टमध्ये जोडण्यासाठी गोष्टी // बुकमार्क आवडींचे कार्य | https://site?p=710 फंक्शन addFav() ( var title = document.title, url = document.location, UA = navigator.userAgent.toLowerCase(), isFF = UA.indexOf("firefox") != - 1, isMac = UA.indexOf("mac") != -1, isWebkit = UA.indexOf("webkit") != -1, isIE = UA.indexOf(".net") != -1; ||. isFF) && window.external) ( // IE, Firefox window.external.AddFavorite(url, title); रिटर्न असत्य; ) जर (isMac || isWebkit) ( // Webkit (Chrome, Opera), Mac दस्तऐवज. getElementById("AddFavViaSheens").innerHTML = """ + (isMac ? "Command/Cmd" : "Ctrl") + "+D" हे पृष्ठ बुकमार्क करण्यासाठी दाबा";

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

टॅब्लेट आणि मोबाइल ब्राउझरवर आवडते लिंक दर्शविण्यापासून कसे टाळावे

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

// ब्राउझर फंक्शनची "गतिशीलता" निश्चित करण्यासाठी कार्य MobileDetect() ( var UA = navigator.userAgent.toLowerCase(); रिटर्न (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry |windows phone |opera mobi|opera mini/i .test(UA)) ? true: false ; ) // जर ब्राउझर मोबाईल नसेल तर (!MobileDetect())( document.getElementById("MyID") .innerHTML = "येथे HTML लिंक कोड (वर पहा)";

चला ते थोडे खंडित करूया

  • var UA = navigator.userAgent.toLowerCase(); — ब्राउझर हेडर व्हेरिएबलमध्ये लिहिते, त्यांना लोअरकेसमध्ये रूपांतरित करते. त्याच्या सामग्रीवर आधारित, आम्ही ब्राउझरची "गतिशीलता" निर्धारित करू.
  • रिटर्न (/नियमित अभिव्यक्ती/.test(UA) ? सत्य: असत्य) - फिल्टर. IN नियमित अभिव्यक्तीतुकडे रेकॉर्ड केले जातात, जे हेडरमध्ये असू शकतात मोबाइल ब्राउझर. तुम्ही तुमची स्वतःची मूल्ये विभक्त करून जोडू शकता | .

    फिल्टर केस संवेदनशील आहे. म्हणून, जर तुम्ही फिल्टरमध्ये तुमची मूल्ये प्रविष्ट केलीत, तर ती लिहून ठेवण्याचे सुनिश्चित करा लोअरकेस(लहान अक्षरात).

  • document.getElementById("MyID").innerHTML = "हा लिंकसाठी HTML कोड आहे"; — कोडमध्ये id="MyID" असलेला टॅग शोधतो आणि त्याऐवजी आमची लिंक लिहितो. ते कार्य करण्यासाठी, आपण प्रथम दुवा प्रदर्शित करण्यासाठी त्या ठिकाणी लिहून ठेवणे आवश्यक आहे
तयार स्क्रिप्ट आणि पृष्ठाचे उदाहरण

शेवटी ते कसे दिसेल ते मी सारांशित करतो html कोड

// ब्राउझर फंक्शनची "गतिशीलता" निश्चित करण्यासाठी कार्य MobileDetect() ( var UA = navigator.userAgent.toLowerCase(); रिटर्न (/android|webos|iris|bolt|mobile|iphone|ipad|ipod|iemobile|blackberry |windows phone |opera mobi|opera mini/i .test(UA)) ? सत्य: असत्य; .innerHTML = "बुकमार्कमध्ये जोडा"; ) // बुकमार्कमध्ये आवडते जोडण्यासाठी कार्य | https://site?p=710 document.getElementById("AddFavViaSheens").onclick = function () ( var title = document.title, url = document.location, UA = navigator.userAgent.toLowerCase(), isFF = UA .indexOf("firefox") != -1, isMac = UA.indexOf("mac") != -1, isWebkit = UA.indexOf("webkit") != -1, isIE = UA.indexOf(". net") != -1; जर ((isIE || isFF) && window.external) ( // IE, Firefox window.external.AddFavorite(url, title); रिटर्न असत्य; ) जर (isMac || isWebkit) ( // वेबकिट (Chrome, Opera), Mac document.getElementById("AddFavViaSheens").innerHTML = """ + (isMac ? "Command/Cmd" : "Ctrl") + "+ D" पृष्ठ बुकमार्क करण्यासाठी दाबा" ; खोटे परत करा;

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

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

वापरकर्त्याला केवळ साइट (मुख्य पृष्ठ)च नव्हे तर ते ज्या पृष्ठावर आहे ते देखील पसंतींमध्ये जोडण्याची आवश्यकता असू शकते, आम्ही दोन्ही पर्यायांचा तपशीलवार विचार करू आणि कोणता वापरायचा ते तुम्ही स्वतःच ठरवा.

साइटच्या मुख्य पृष्ठावर पसंतींमध्ये जोडा

इंटरनेट एक्सप्लोररसाठी "पसंतीमध्ये जोडा" दुवा इतर ब्राउझरमधील त्याच्या समकक्षापेक्षा कसा वेगळा आहे ते प्रथम पाहू आणि नंतर आम्ही त्यांना एकामध्ये एकत्र करू. IE window.external.AddFavorite() फंक्शन वापरते, जे दोन मूल्ये घेते: बुकमार्क करण्यासाठी पृष्ठाचा पत्ता आणि त्याचे शीर्षक:

आवडीमध्ये साइट जोडा

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

आवडीमध्ये साइट जोडा

तुम्ही बघू शकता, हा उपलब्धतेचा नियमित दुवा आहे अतिरिक्त पॅरामीटर rel="sidebar" जे ब्राउझरला फक्त तुम्ही दुव्यावर क्लिक करता तेव्हा साइट बुकमार्क करण्यास सांगते. याव्यतिरिक्त, मध्ये शीर्षक पॅरामीटर="" तुम्हाला बुकमार्कमध्ये साइट कोणत्या नावाने जोडायची हे निर्दिष्ट करणे आवश्यक आहे. परंतु जोडल्या जाणाऱ्या पृष्ठाचा पत्ता href="" मध्ये लिहिलेला आहे. सहसा सूचित केले जाते मुख्यपृष्ठसाइट आणि त्याचे नाव.



तुम्ही लिंकवर क्लिक करता तेव्हा दिसणारी विंडो

आता आम्हाला "Add to Favorites" लिंक सर्व ब्राउझरमध्ये तितकेच चांगले काम करण्याची गरज आहे. IE साठी कोड फक्त त्यात कार्य करत असल्याने आणि rel="sidebar" पॅरामीटर केवळ Opera, Firefox आणि Netscape द्वारे समर्थित असल्याने, दोन्ही पर्यायांना एका लिंकमध्ये एकत्र करण्यापासून काहीही प्रतिबंधित करत नाही:

आवडीमध्ये साइट जोडा

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

वर्तमान पृष्ठ पसंतींमध्ये जोडा

चला तर मग पुन्हा इंटरनेट एक्सप्लोररने सुरुवात करूया:


तुम्ही बघू शकता, window.external.AddFavorite() फंक्शनच्या इनकमिंग पॅरामीटर्सशिवाय कोडमध्ये काहीही बदललेले नाही. JavaScript पॅरामीटर document.title मध्ये पृष्ठाचे शीर्षक असते, जे ब्राउझरने पृष्ठ शीर्षक टॅगमध्ये स्थित, आम्ही निर्दिष्ट केलेल्या दस्तऐवज शीर्षकावरून घेतलेले असते. ब्राउझरला वर्तमान पृष्ठाचा पत्ता मिळतो पत्ता बारआणि ते location.href पॅरामीटरला नियुक्त करते. अशा प्रकारे, प्रत्येक पृष्ठावर आवश्यक असलेले पॅरामीटर्स व्यक्तिचलितपणे बदलण्याची आवश्यकता नाही.



इंटरनेट एक्सप्लोररमध्ये नवीन बुकमार्क

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

वर्तमान पृष्ठ पसंतींमध्ये जोडा

अगदी सुरुवातीला आम्ही व्हेरिएबल्स url आणि नियुक्त केले शीर्षकाचा अर्थ JavaScript मापदंड window.document.location (पृष्ठ पत्ता) आणि window.document.title (पृष्ठ शीर्षक). पुढे आपण बुकमार्क() फंक्शन तयार करू. त्याच्या मदतीने, आम्ही अनेक व्हेरिएबल्समधून एक लिंक तयार करतो, ज्याचे मूल्य पृष्ठाचा पत्ता आणि शीर्षक आहे. rel="sidebar" पॅरामीटरबद्दल देखील विसरू नका, जे बुकमार्क() वापरून देखील तयार केले जाईल.

आता आम्हाला फक्त एक क्रॉस-ब्राउझर लिंक मिळविण्यासाठी इंटरनेट एक्सप्लोरर आणि इतर ब्राउझरसाठी कोड एकत्र करणे आवश्यक आहे:

वर्तमान पृष्ठ पसंतींमध्ये जोडा

आमच्याकडे आधीपासूनच एक वैशिष्ट्य आहे जे प्रमुख ब्राउझरशी सुसंगत आहे. आता आम्हाला ते कसे तरी वापरकर्त्यांसह एकत्र करणे आवश्यक आहे.

स्टिरियोटाइप तोडणे

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


अंतिम परिणाम असे दिसते

लेख कॉपी करण्यास मनाई आहे.

पृष्ठाचे क्रॉस-ब्राउझर बुकमार्किंग यासह लागू केले जाते JavaScript वापरून. मध्ये एक पृष्ठ जोडण्यासाठी ब्राउझर आवडीइंटरनेट एक्सप्लोरर आणि IE इंजिनवर चालणारे ब्राउझर म्हणतात मानक पद्धतआवडते जोडा. तथापि, येथे एक आहे महत्वाचे तपशील. जर IE पृष्ठ दुसऱ्या ऍप्लिकेशनमध्ये एम्बेडेड ऑब्जेक्ट म्हणून उघडले असेल, उदाहरणार्थ प्लगइनमध्ये किंवा html सह काम करण्यासाठी घटक वापरताना, विंडो. external ऑब्जेक्ट उपस्थित असेल, परंतु त्याची AddFavorite पद्धत कार्य करत नाही. हे सर्वात जास्त आहे सामान्य चूकविकसक जे एकमेकांचा कोड समजून न घेता किंवा चाचणी न करता कॉपी करतात. तुमच्या वेबसाइटवर फक्त ही एक पद्धत वापरणे देखील एक मोठी चूक असेल.

ब्राउझर चालू गेको इंजिन, जसे की Firefox, Netscape, K-Meleon आणि इतर, एक window.sidebar ऑब्जेक्ट आणि addPanel जोडण्याची पद्धत आहे. पद्धतीचा तिसरा पॅरामीटर अदस्तांकित आणि पर्यायी आहे, म्हणून स्क्रिप्टमध्ये ते फक्त बदलले आहे रिकामी ओळ. कृपया लक्षात घ्या की डीफॉल्टनुसार लिंक बुकमार्कमध्ये जोडली जात नाही, परंतु साइडबारब्राउझर मध्ये एक पृष्ठ जोडण्यासाठी इच्छित फोल्डरबुकमार्क, ड्रॉप-डाउन मेनूमधून ते निवडा.

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

वरीलपैकी कोणतीही पद्धत कार्य करत नसल्यास, त्रुटी संदेश प्रदर्शित करण्याची किंवा त्याहूनही वाईट म्हणजे, स्क्रिप्ट शांतपणे समाप्त करण्याची आवश्यकता नाही. वापरकर्त्याला दाखवणे अधिक योग्य ठरेल परवडणारा पर्यायसमस्या सोडवणे, उदाहरणार्थ, Ctrl+D की संयोजन स्वहस्ते दाबण्याची ऑफर देणे.

आता आमच्याकडे सर्व प्रारंभिक डेटा आहे, आम्ही पृष्ठ बुकमार्क करण्यासाठी क्रॉस-ब्राउझर स्क्रिप्ट लिहू शकतो. मला असे काहीतरी मिळाले:

// आवडत्या फंक्शनमध्ये जोडा add_favorite(a) ( title=document.title; url=document.location; प्रयत्न करा ( // Internet Explorer window.external.AddFavorite(url, title); ) पकडा (e) ( प्रयत्न करा ( // Mozilla window.sidebar.addPanel(शीर्षक, url, "" ) कॅच (e) ( // Opera if (typeof(opera)=="object") ( a.rel="sidebar"; a.title=title ; a .url=url; सत्य परत करा; ) अन्यथा (// अज्ञात सूचना ("हे पृष्ठ बुकमार्क करण्यासाठी Ctrl-D दाबा"); ) ) खोटे परत करा;

आवडींमध्ये जोडा

आपण या पृष्ठावर अंमलबजावणीचे कार्यरत उदाहरण पाहू शकता. ट्राय-कॅच कन्स्ट्रक्टचा वापर स्क्रिप्टला कोणत्याहीमध्ये योग्यरित्या कार्य करण्यास अनुमती देतो गैर-मानक परिस्थिती, उदाहरणार्थ फायरफॉक्स ब्राउझरमध्ये उघडलेल्या IE टॅब विंडोमध्ये. स्क्रिप्ट विविध विदेशी ब्राउझरमध्ये देखील योग्यरित्या कार्य करते जे UserAgent किंवा DOM गुणधर्मांद्वारे अद्वितीयपणे निर्धारित केले जाऊ शकत नाही. या परिस्थितीत डीएलई सारखी सर्व विलक्षण व्यावसायिक उत्पादने शांतपणे तोडली जातात.

चांगले वाईट

    वेबसाइट पृष्ठे, त्यांच्या कार्यक्षमतेमध्ये, पूर्ण वाढ झालेल्या अनुप्रयोगांची क्षमता असते, जी प्रामुख्याने JavaScript च्या खांद्यावर येते. समोर येणाऱ्या आव्हानांपैकी एक...

    जेव्हा पृष्ठाचा आकार एका विशिष्ट मर्यादेपेक्षा जास्त असतो, तेव्हा विकासक अनेकदा तळाशी "पृष्ठाच्या शीर्षस्थानी" मजकूर किंवा ग्राफिक लिंक ठेवतात. ही लिंक परवानगी देते...

एकेकाळी, वेबसाइट्सवर "साइटला पसंती जोडा" ही लिंक लोकप्रिय होती; जेव्हा तुम्ही त्यावर क्लिक करता, तेव्हा वेबसाइटचा पत्ता तुमच्या ब्राउझर बुकमार्कमध्ये जोडला गेला होता. तथापि, ते का होते? वेळोवेळी, अशी लिंक अजूनही वेबसाइट्सवर आढळू शकते. समस्या अशी आहे की या उद्देशासाठी वापरलेली स्क्रिप्ट बऱ्याच ब्राउझरमध्ये कार्य करत नाही, म्हणून त्याचे मूल्य शून्याच्या जवळ आहे. HTML5 ने त्याची क्षमता वाढवली आहे rel विशेषताटॅग आणि आता त्याच्या मदतीने तुम्ही तुमच्या आवडींमध्ये कोणतीही साइट आणि वैयक्तिक पेज सहजपणे जोडू शकता.

लिंकवर फक्त rel="sidebar" जोडा आणि तुम्ही त्यावर क्लिक केल्यावर, नवीन बुकमार्क तयार करण्यासाठी ब्राउझरमध्ये एक विशेष पॅनेल उघडेल. साइडबार व्हॅल्यूला फायरफॉक्स आणि ऑपेरा या दोन ब्राउझरद्वारे सपोर्ट आहे, बाकीचे rel विशेषताकडे दुर्लक्ष करतात आणि नेहमीप्रमाणे निर्दिष्ट लिंक फॉलो करतात.

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

उदाहरण 1: आवडींमध्ये जोडणे

HTML5 IE Cr Op Sa Fx

आवडत्या फंक्शनमध्ये जोडा addBookmark() ( if (document.all) window.external..ru"); )

आवडींमध्ये जोडा

शेवटी rel="sidebar" वापरणे कसे दिसते? परिणाम ब्राउझरवर अवलंबून असतो. फायरफॉक्स, उदाहरणार्थ, अशी विंडो उघडते (चित्र 1).

तांदूळ. 1. फायरफॉक्समधील आवडींमध्ये जोडा

Opere मध्ये देखावा थोडा वेगळा आहे, परंतु अर्थ समान आहे (Fig. 2).

तांदूळ. 2. ऑपेरा ब्राउझरमध्ये आवडींमध्ये जोडणे

इंटरनेट एक्सप्लोररमध्ये सर्वात लॅकोनिक इंटरफेस आहे (चित्र 3).

तांदूळ. 3. आवडींमध्ये जोडा इंटरनेट ब्राउझरएक्सप्लोरर

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



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

वर