शुभ दिवस, माझ्या ब्लॉगच्या प्रिय वाचकांनो. कधीकधी तुम्हाला वेबसाइटवर काही सुंदर वैशिष्ट्य सापडते आणि निर्मात्याने इतका मनोरंजक प्रभाव कसा मिळवला हे आश्चर्यचकित होऊ लागते.
हे उत्तर अगदी सोपे आहे की बाहेर करते. आणि जर तुमच्याकडे काही कौशल्ये असतील, तर तुम्ही यातील बरीच वैशिष्ट्ये गोळा करू शकता आणि कमी वेळात तुमची स्वतःची खास वेबसाइट तयार करू शकता.
आज आपण पृष्ठाचा कोड, विशिष्ट घटक कसा उघडायचा आणि हे कौशल्य आपल्या फायद्यासाठी कसे वापरावे याबद्दल बोलू.
कोडचे मूलभूत ज्ञान
माझी साइट नवशिक्यांसाठी आहे आणि प्रथम मी सामान्यतः साइट्स आणि कोडबद्दल थोडक्यात बोलू इच्छितो.
चित्र काढण्यासाठी, नंतर ते लहान भागांमध्ये कापून टाका, कोड लिहा जेणेकरुन ब्राउझर सर्व घटक पुन्हा एकत्र करेल. सर्वकाही खूप क्लिष्ट दिसते का? अजिबात नाही, आणि त्याबद्दल शोक करण्यात काही अर्थ नाही.
अशा प्रकारे उच्च दर्जाच्या वेबसाइट तयार केल्या जातात. तुमची इच्छा असेल तर या विषयात सहभागी व्हा आणि त्याचा अभ्यास करा; तुमची इच्छा नसेल तर तुमच्यावर कोणीही जबरदस्ती करू शकत नाही.
मी फक्त एकच सांगेन... तुम्ही लिहिलेले अगम्य शब्द एका संपूर्ण शब्दात कसे रूपांतरित होतात आणि जिवंत होतात हे पाहण्यापेक्षा आनंददायी काहीही नाही: दुवे कार्य करतात, बटणे हलतात, चित्रे हलतात, मजकूर क्रॉल होतो. मला वाटते की व्हिक्टर फ्रँकेन्स्टाईन कसे वाटले हे मला माहित आहे.
जेव्हा तुम्ही गुप्त भाषा समजण्यास सुरुवात करता आणि सुरुवातीला दिसते त्यापेक्षा सर्वकाही खरोखर सोपे आहे हे पाहता तेव्हा तुम्ही मदत करू शकत नाही परंतु तुमच्या स्वतःच्या सामर्थ्यांवर आणि मेंदूच्या क्षमतेवर विश्वास ठेवू शकता. हे खूप मस्त आहे.
वेबसाइट्स कशा बनवल्या जातात? आदर्शपणे, प्रथम. तो फक्त एक चित्र काढतो. उदाहरणार्थ, खालील चित्रात दाखवल्याप्रमाणे. सध्या ती फक्त एक प्रतिमा, छायाचित्र आहे. कोणतीही लिंक काम करत नाही, तुम्ही क्लिक करता तेव्हा तुम्ही कुठेही जात नाही, कोणताही शोध घेतला जात नाही.
या रेखाचित्रानुसार. खालील स्क्रीनशॉट पहा. तुम्हाला वाटेल की हा एक हास्यास्पद आणि अतिशय जटिल चिन्हांचा संच आहे. खरं तर, सर्वकाही इतके क्लिष्ट नाही, एक विशिष्ट अल्गोरिदम आहे.
तेथे फक्त 150 टॅग आहेत आणि त्यापैकी प्रत्येक विशिष्ट क्रियेसाठी जबाबदार आहे: दुवा, हायफनेशन, ठळक, रंग, शीर्षक इ. जर तुमची इच्छा असेल आणि वेळेची हरकत नसेल तर त्यांना समजून घेणे इतके अवघड नाही.
या गुणधर्मांच्या ज्ञानाबद्दल धन्यवाद, आपण जवळजवळ कोणतीही समस्या सोडवू शकता. परंतु प्रत्येक विकसक ध्येय साध्य करण्यासाठी स्वतःचे मार्ग शोधतो.
अनुभवी निर्माते लगेच परिणाम कसे मिळवायचे ते पाहतात, तर इतरांना विचार करावा लागतो, लेखांमध्ये किंवा प्रतिस्पर्ध्यांच्या स्त्रोत कोडमध्ये उत्तर शोधावे लागते. ते फक्त तृतीय-पक्षाच्या साइटवरून आवश्यक भाग घेतात आणि स्वतःसाठी संपादित करतात. यामुळे कामाची प्रक्रिया लक्षणीयरीत्या कमी होते.
थोड्या वेळाने, मी तुम्हाला एक विशिष्ट उदाहरण दाखवतो.
कोड पहा
तर, जर तुम्हाला दुसऱ्याचे html शोधायचे असेल तर कसे वागायचे ते मी तुम्हाला दाखवतो. मग आपण इतर सर्व प्रश्न अधिक तपशीलाने पाहू.
सर्वोत्तम मार्ग
मी प्रथम वर्णन करणारी पद्धत नवशिक्यांसाठी थोडी क्लिष्ट आहे, परंतु परिचय म्हणून, ती वाचा. पृष्ठ उघडा आणि उजव्या माऊस बटणावर क्लिक करा. "म्हणून जतन करा..." निवडा
संपूर्ण वेब पृष्ठ जतन करा. जसे आपण स्क्रीनशॉटमध्ये पाहू शकता, मी आधीच सर्व काही आधीच डाउनलोड केले आहे. येथे आपल्याकडे दोन फोल्डर आहेत.
आपल्याला आवश्यक असलेली प्रत्येक गोष्ट येथे आहे. प्रत्येक घटक. आपण हे समजून घेतल्यास, आपल्याला आवश्यक असलेली प्रत्येक गोष्ट आपण पटकन मिळवू शकता. परंतु असे कार्य दिवसेंदिवस अशक्य होत चालले आहे. डाउनलोडिंग नाही. पृष्ठ कॉपी करण्यास मनाई असल्यास काय करावे?
हे Google Chrome आहे
तुम्ही आधीच लक्षात घेतल्याप्रमाणे, मी बहुतेकदा Google Chrome वापरतो आणि या ब्राउझरमध्ये इतर कोणाचा कोड शिकणे हे नाशपाती फोडण्याइतके सोपे आहे. इतर कोणत्याही तत्त्वानुसार. योजना केवळ एकसारखीच नाही तर एकसारखी असेल. आम्हाला ज्याचा कोड जाणून घ्यायचा आहे ते पृष्ठ उघडा आणि कुठेही उजवे-क्लिक करा. दिसत असलेल्या विंडोमध्ये, "पृष्ठ कोड पहा" वर क्लिक करा.
कोडची शीट नवीन विंडोमध्ये उघडेल, जी नवशिक्यासाठी समजणे खूप कठीण आहे. परंतु वेळेपूर्वी घाबरू नका.
तुम्हाला फक्त एका घटकाचा कोड माहित असण्याची गरज असल्यास, त्यावर माउसने फिरवा आणि उजवे-क्लिक करा. दुसरे Chrome फंक्शन निवडा: “घटक कोड पहा”.
उदाहरणार्थ, चित्र किंवा प्रोग्रामिंग भाषा वापरून लोगो कसा बनवला गेला याबद्दल मला स्वारस्य असू शकते? शेवटी, तुम्ही CSS वापरून चौरस काढू शकता. बरेच तज्ञ कोडमध्ये शक्य तितकी माहिती लिहिण्याचा सल्ला देतात. ते लोकप्रिय साइटवर कसे कार्य करतात?
आता आवश्यक माहिती समोर आली आहे. html वर, css खाली. या दोन भाषा आहेत. पहिला मजकूर घटकासाठी जबाबदार आहे आणि दुसरा डिझाइनसाठी. CSS नसल्यास, तुम्हाला प्रत्येक वेळी रंग आणि फॉन्ट आकार निर्दिष्ट करावा लागेल. प्रत्येक पृष्ठासाठी, हे खूप लांब आहे. पण जर html नसता तर ग्रंथ नसता. मी हे ढोबळपणे समजावून सांगितले, परंतु सर्वसाधारणपणे ते असेच आहे.
तसे, ते येथे कसे कार्य करते याबद्दल आपल्याला स्वारस्य असल्यास, आपण खालील चित्राची लिंक पाहू शकता. हे तुमचे उत्तर आहे.
Mozilla Firefox
जर तुम्हाला मस्तकीमध्ये काम करायला आवडत असेल तर सर्वकाही अगदी सारखेच असेल. पृष्ठ उघडा आणि उजव्या माऊस बटणावर क्लिक करा. तुम्हाला संपूर्ण कोड पहायचा असल्यास “पृष्ठ स्त्रोत कोड”.
जेव्हा तुम्ही एखाद्या घटकावर फिरता तेव्हा तुम्ही त्याचा कोड उघडू शकता.
येथे डेटा स्क्रीनच्या तळाशी प्रदर्शित केला जातो, परंतु अन्यथा सर्वकाही अगदी समान आहे.
यांडेक्स ब्राउझर
यांडेक्स ब्राउझरमध्ये, सर्वकाही मागील दोन पर्यायांप्रमाणेच आहे, पृष्ठ उघडा, उजवे-क्लिक करा, पृष्ठ कोड पहा.
जर आपल्याला घटकाचा कोड नक्की शोधायचा असेल तर आपण कर्सर त्याच्यावर फिरवतो.
येथे सर्व काही Chrome प्रमाणेच प्रदर्शित केले आहे.
ऑपेरा
आणि शेवटी, ऑपेरा.
तसे, तुमच्या लक्षात आले असेल की तुम्हाला माऊस वापरण्याची गरज नाही. कोड उघडण्यासाठी एक द्रुत कीबोर्ड शॉर्टकट आहे आणि तो सर्व ब्राउझरसाठी समान आहे: CTRL+U.
घटकांसाठी: Ctrl+Shift+C.
याचा परिणाम असा दिसतो.
नवशिक्यांसाठी हे मनोरंजक असेल
आता सर्वकाही कसे कार्य करते ते पहा. तुम्हाला एक साइट सापडते आणि तुम्हाला काही घटक आवडतात. उदाहरणार्थ, हे. घटक कोड कसा उघडायचा हे तुम्हाला आधीच माहित आहे.
आता कॉपी करा.
मी वापरतो, हा कोड नवीन html फाईलमध्ये बॉडी टॅगमध्ये (इंग्रजीमध्ये body) पेस्ट करतो.
आता हे सर्व ब्राउझरमध्ये कसे दिसेल ते पाहू.
तयार. मजकूर कडांवर संरेखित करण्यासाठी आणि हिरवा रंग प्राप्त करण्यासाठी, तुम्हाला या दस्तऐवजाशी css कनेक्ट करणे आणि आम्ही ज्या साइटवरून हा कॉपी केला आहे त्या साइटवरून दुसरा कोड कॉपी करणे आवश्यक आहे.
मी आता हे करणार नाही. यासाठी अधिक वेळ लागेल: माझे आणि तुमचे दोन्ही. मला वाटते की मी माझ्या भविष्यातील प्रकाशनांमध्ये सर्व तपशीलांचे वर्णन करेन. वृत्तपत्राची सदस्यता घ्या आणि एखादा लेख दिसल्यावर प्रथम जाणून घ्या.
जर तुम्हाला ते टिकत नसेल, परंतु आता html आणि css बद्दल अधिक जाणून घ्यायचे असेल, तर मी तुम्हाला पारंपारिकपणे विनामूल्य प्रशिक्षण अभ्यासक्रमांची शिफारस करू शकतो.
येथे 33 धडे आहेत जे तुम्हाला html मध्ये प्रभुत्व मिळवू देतील - "HTML वर मोफत अभ्यासक्रम" .
आणि येथे css बद्दल संपूर्ण माहिती आहे - "CSS वर मोफत कोर्स (45 व्हिडिओ धडे!)" .
आता तुम्हाला थोडे अधिक माहिती आहे. तुमच्या प्रयत्नांमध्ये तुम्हाला यश मिळावे अशी माझी इच्छा आहे. पुन्हा भेटू!
इंटरनेटवर असंख्य साइट्स शोधत असताना, आपल्याला खरोखर आवडत असलेल्या साइट्स भेटू शकतात. लगेच अनेक प्रश्न निर्माण होतात. साइट होममेड कोड किंवा काही प्रकारचे CMS वापरून बनवली होती? त्यात कोणत्या CSS शैली आहेत? त्याचे मेटा टॅग काय आहेत? वगैरे.
वेबसाइट पृष्ठाच्या कोडबद्दल माहिती काढण्यासाठी अनेक साधने वापरली जाऊ शकतात. पण आपल्याकडे नेहमी उजवे माऊस बटण असते. माझ्या साइटचे उदाहरण म्हणून आपण हेच वापरणार आहोत.
पेज कोड कसा पाहायचा?
साइट पृष्ठाचा स्त्रोत कोड पाहण्यासाठी, आपल्याला वेब पृष्ठाच्या कोणत्याही भागावर (प्रतिमा आणि दुवे वगळता) आपला माउस फिरवावा लागेल. यानंतर, उजव्या माऊस बटणावर क्लिक करा. अनेक पर्यायांसह एक विंडो आपल्या समोर उघडेल (वेगळ्या ब्राउझरमध्ये ते थोडे वेगळे असू शकतात). Google Chrome ब्राउझरमध्ये, उदाहरणार्थ, या आज्ञा आहेत:
- मागे;
- पुढे;
- रीबूट;
- म्हणून जतन करा;
- शिक्का;
- रशियनमध्ये भाषांतर करा;
- पृष्ठ कोड पहा;
- कोड पहा.
आम्हाला क्लिक करावे लागेल पृष्ठ कोड पहा, आणि साइट पृष्ठाचा html कोड आपल्यासमोर उघडेल.
पृष्ठ कोड पहात आहे: कशाकडे लक्ष द्यावे?
तर, एचटीएमएल पृष्ठ कोड ही ओळींची एक क्रमांकित सूची आहे, ज्यापैकी प्रत्येक ही साइट कशी बनवली आहे याबद्दल माहिती असते. या मोठ्या संख्येने चिन्हे आणि विशेष चिन्हे त्वरीत समजून घेण्यास शिकण्यासाठी, आपल्याला कोडच्या विविध विभागांमध्ये फरक करणे आवश्यक आहे.
उदाहरणार्थ, हेड टॅगमधील कोडच्या ओळींमध्ये शोध इंजिन आणि वेबमास्टरसाठी माहिती असते. ते साइटवर प्रदर्शित केले जात नाहीत. हे पृष्ठ कोणत्या कीवर्डसाठी प्रमोट केले आहे, त्याचे शीर्षक आणि वर्णन कसे लिहिले आहे ते येथे आपण पाहू शकता. येथे तुम्हाला एक लिंक मिळेल, ज्याचे अनुसरण करून आम्ही साइटवर वापरल्या जाणाऱ्या Google फॉन्टच्या कुटुंबाबद्दल जाणून घेऊ.
जर साइट सीएमएस वर्डप्रेस किंवा जूमला वर बनवली असेल तर ती येथे देखील दिसेल. उदाहरणार्थ, हे क्षेत्र वर्डप्रेस थीम किंवा जूमला साइट टेम्पलेटबद्दल माहिती प्रदर्शित करते. निळ्या रंगात हायलाइट केलेल्या लिंक्सची सामग्री वाचून तुम्ही ते पाहू शकता. एक लिंक वेबसाइट टेम्पलेट दाखवते.
उदाहरणार्थ:
//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3
आपण पृष्ठाच्या CSS फॉन्ट शैली पाहू. या प्रकरणात, फॉन्ट वापरला जातो. हे येथे पाहिले जाऊ शकते - font-family: 'Source Sans Pro'.
ही साइट Yoast SEO प्लगइन वापरून ऑप्टिमाइझ केली आहे. कोडच्या या टिप्पणी केलेल्या विभागातून हे पाहिले जाऊ शकते:
ही साइट Yoast SEO प्लगइन v3.4.2 सह ऑप्टिमाइझ केली आहे - https://yoast.com/wordpress/plugins/seo/
बॉडी टॅगमध्ये असलेली सर्व माहिती ब्राउझरद्वारे मॉनिटर स्क्रीनवर प्रदर्शित केली जाते. येथे आपण पृष्ठाचा html कोड पाहतो आणि अगदी तळाशी Yandex Metrics स्क्रिप्ट कोड आहे. ते मजकुरासह टिप्पणी केलेल्या टॅगने वेढलेले आहे:
/Yandex.Metrika काउंटर
चला सारांश द्या
साइटच्या मुख्य पृष्ठाच्या कोडचे ऐवजी वरवरचे विश्लेषण केल्यावर, हे पृष्ठ कोणत्या साधनांसह बनवले गेले याबद्दल आम्ही निष्कर्ष काढू शकतो. आम्ही त्यावर पाहिले:
- सीएमएस वर्डप्रेस;
- Google फॉन्ट सोर्स Sans Pro;
- वर्डप्रेस थीम - सिडनी;
- योस्ट प्लगइन;
- यांडेक्स मेट्रिक्स काउंटर.
आता वेबसाइट पृष्ठाच्या HTML कोडचे विश्लेषण करण्याचे तत्त्व अगदी स्पष्ट आहे. तुम्ही संशोधन करत असलेले पेज ब्राउझरमध्ये उघडे ठेवणे अजिबात आवश्यक नाही. ctrl+a, ctrl+c, ctrl+v हे की कॉम्बिनेशन वापरून तुम्ही पेज कोड तुमच्या कॉम्प्युटरवर सेव्ह करू शकता. ते कोणत्याही मजकूर संपादकात (शक्यतो नोटपॅड++) पेस्ट करा आणि html विस्ताराने सेव्ह करा. अशा प्रकारे, तुम्ही कधीही त्याचा सखोल अभ्यास करू शकता आणि स्वतःसाठी अधिक उपयुक्त माहिती मिळवू शकता.
हा लेख स्क्रिप्ट डीऑफस्केशन बद्दलच्या लेखात एक जोड आहे. येथे आपण एन्क्रिप्शन आणि पॅकिंगची मूलभूत तत्त्वे, संरक्षणाचे कमकुवत मुद्दे, मॅन्युअल काढण्याच्या पद्धती, तसेच जावास्क्रिप्ट स्क्रिप्टमधून पॅकर्स आणि पॅड केलेले संरक्षण स्वयंचलितपणे काढून टाकण्यासाठी सार्वत्रिक साधने पाहू. अलीकडे, अधिक आणि अधिक वेळा, स्क्रिप्टचा स्त्रोत कोड एनक्रिप्टेड किंवा पॅकेज केलेला आहे. यांडेक्स, डीएलई आणि इतर लोकप्रिय प्रकल्प यासह वाहून जाऊ लागले आणि “वापरकर्त्यांची काळजी घेणे”, “रहदारी वाचवणे” आणि इतर मूर्खपणाबद्दलच्या सुंदर कथा खूप मजेदार दिसतात. बरं, कोणाकडे काही लपवायचं असेल तर ते समोर आणणं हे आमचं काम आहे.
चला सिद्धांताने सुरुवात करूया. JavaScript अंमलबजावणीच्या वैशिष्ट्यांमुळे, सर्व एन्क्रिप्टर्स आणि पॅकर्समध्ये, त्यांची विविधता असूनही, अल्गोरिदमचे फक्त दोन प्रकार आहेत: किंवा वैकल्पिकरित्या: दुसरी पद्धत बहुतेकदा पृष्ठाच्या स्त्रोत html कोडचे तसेच विविध ट्रोजनचे संरक्षण करण्यासाठी वापरली जाते. पृष्ठामध्ये दुर्भावनापूर्ण कोड इंजेक्ट करण्यासाठी, उदाहरणार्थ लपविलेली फ्रेम. दोन्ही अल्गोरिदम एकत्र केले जाऊ शकतात, डिक्रिप्टरची "परिष्कृतता" आणि जटिलता काहीही असू शकते, केवळ तत्त्व स्वतःच अपरिवर्तित राहते.
दोन्ही प्रकरणांमध्ये हे कार्ये बाहेर वळते eval()आणि document.write()पूर्णपणे डिक्रिप्ट केलेला डेटा प्रसारित केला जातो. त्यांना कसे रोखायचे? बदलण्याचा प्रयत्न करा eval()वर इशारा(), आणि उघडलेल्या MessageBox मध्ये तुम्हाला डिक्रिप्ट केलेला मजकूर लगेच दिसेल. काही ब्राउझर तुम्हाला MessageBoxes मधून मजकूर कॉपी करण्याची परवानगी देतात, परंतु हा अर्ध-स्वयंचलित डीकोडर वापरणे चांगले आहे:
- < html >
- < head >< title >JavaScript डीकोडर
- < body >
- < script type = "text/javascript" >
- // लॉगवर डिक्रिप्शन परिणाम लिहिण्याचे कार्य
- फंक्शन डीकोडर (str) (
- दस्तऐवज getElementById("डीकोड केलेले" ). मूल्य += str + "\n" ;
- < textarea id = "decoded" style = "width:900px; height:500px;" >
- < script type = "text/javascript" >
उदाहरणार्थ, चला Yandex वरून काही स्क्रिप्ट घेऊ; स्त्रोत कोड पाहिल्यानंतर, आपल्याला काहीतरी अस्वास्थ्यकर दिसत आहे:
Eval(फंक्शन(p,a,c,k,e,r)(e=function(c)(return(c)
"".रिप्लेस(/^/,स्ट्रिंग))(तर(c--)r=k[c]||e(c);k=)];e=function())(return"\w+") ; c=1); तर(c--)if(k[c])
p=p.replace(नवीन RegExp("\b"+e(c)+"\b","g"),k[c]);रिटर्न p)("$.1e)
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||."u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(."b-r");3 d=$(o).2 ("b-12");
[उरलेला तोच मूर्खपणा कापला आहे]
मी लगेच सांगेन की ही स्क्रिप्ट JavaScript कंप्रेसरद्वारे प्रक्रिया केली गेली आहे, त्याच्या स्वाक्षरीद्वारे ओळखणे सोपे आहे - स्क्रिप्टच्या सुरुवातीला फंक्शनचे वैशिष्ट्यपूर्ण नाव. स्क्रिप्टचा संपूर्ण स्त्रोत मजकूर कॉपी करा, प्रथम पुनर्स्थित करा evalवर डिकोडर, ते डीकोडरमध्ये पेस्ट करा आणि html पृष्ठ म्हणून सेव्ह करा. कोणत्याही ब्राउझरमध्ये ते उघडा आणि अनपॅक केलेली स्क्रिप्ट लगेचच टेक्स्टेरियामध्ये दिसते. आनंद करणे खूप लवकर आहे; सर्व लाइन ब्रेक आणि कोड फॉरमॅटिंग काढले गेले आहेत. याला कसे सामोरे जावे हे डिओबफसेशन बद्दल लेखात लिहिले आहे.
दुसरे उदाहरण. येथे एचटीएमएल प्रोटेक्टर प्रोग्रामसह संरक्षित html पृष्ठ आहे. हे प्रोग्रामच्या क्षमतांचे प्रदर्शन करणारे पृष्ठ आहे, म्हणून तेथे सर्व पर्याय सक्षम केले आहेत: मजकूर निवडणे आणि कॉपी करणे अवरोधित करणे, उजवे माऊस बटण अक्षम करणे, चित्रांचे संरक्षण करणे, स्टेटस बार लपवणे, HTML कोड एन्क्रिप्ट करणे इ. चला सोर्स कोड उघडा आणि एक नजर टाकूया. अगदी शीर्षस्थानी आधीच परिचित document.write आणि एक एनक्रिप्टेड स्क्रिप्ट आहे. आम्ही ते डीकोडरद्वारे चालवतो, आम्हाला मुख्य सामग्री डिक्रिप्ट करण्यासाठी फंक्शन मिळते:
कोड (जावास्क्रिप्ट):
- hp_ok = खरे ;फंक्शन hp_d01 (s )( ... कट ... o = ar . सामील व्हा ("" )+ os ; दस्तऐवज . लिहा (o )
आम्ही फंक्शनमधील शेवटचे document.write डीकोडरने बदलतो आणि त्यानंतर उर्वरित तीनही एन्क्रिप्टेड स्क्रिप्ट्स घालतो:
- < script type = "text/javascript" >
- // प्रथम येथे एनक्रिप्टेड स्क्रिप्ट पेस्ट करा
- // सर्व कॉल eval() आणि document.write() वर डीकोडर() ने बदला.
- hp_ok = true ;फंक्शन hp_d01 (s)( .... o = ar . join ("" )+ os ; डीकोडर (o);
- hp_d01 (unescape (">QAPKRV%22NCLEWC ....
- hp_d01 (अनस्केप ( ">QAPKRV%22NCLEWCEG? hctcQa ...
- hp_d01 (अनस्केप ( ">`mf(%22`eamnmp? !DDDDD %22v ...
सोयीसाठी, या लेखात स्क्रिप्ट्स पूर्ण दिलेल्या नाहीत; तुम्ही त्या संपूर्णपणे कॉपी केल्या पाहिजेत. आम्ही ब्राउझरमध्ये डीकोडर उघडतो आणि प्रोग्रामद्वारे जोडलेल्या सुरक्षा स्क्रिप्ट आणि पृष्ठाचा डिक्रिप्ट केलेला स्त्रोत मजकूर पाहतो. सोयीसाठी, तुम्ही फक्त तिसरी स्क्रिप्ट डिक्रिप्ट करू शकता, ज्यामध्ये पृष्ठाचा html कोड आहे. एवढेच संरक्षण आहे. जसे आपण पाहू शकता, काहीही क्लिष्ट नाही. HTML पृष्ठांसाठी इतर संरक्षणे त्याच प्रकारे काढली जातात.
चला मॅन्युअल डिक्रिप्शनवरून स्वयंचलित डिक्रिप्शनकडे जाऊया. पहिल्या प्रकारचे संरक्षण काढून टाकण्यासाठी, मी तुम्हाला आधीपासून ज्ञात असलेल्या Beautify Javascript स्क्रिप्टमध्ये किंचित सुधारणा केली आहे आणि ती exe फाइलमध्ये संकलित केली आहे. हे मी कोणत्याही समस्यांशिवाय पाहिलेले बहुतेक JavaScript संरक्षण आणि रॅपर हाताळते.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12,124 बाइट)
अधिक कठीण प्रकरणांसाठी, आपल्याला भारी तोफखाना वापरावा लागेल. हा एक विनामूल्य प्रकल्प आहे जो ट्रोजन आणि इतर दुर्भावनापूर्ण कोडचे संशोधन करण्यासाठी डिझाइन केलेला आहे. कॉपीराइटचे संरक्षण करण्यासाठी डिझाइन केलेले सर्व प्रोग्राम्स स्पष्टपणे दुर्भावनापूर्ण असल्याने, Malzilla आम्हाला त्यांच्याविरुद्धच्या लढ्यात मदत करेल. डाउनलोड करा (सध्या ते 1.2.0 आहे), अनपॅक करा, लॉन्च करा. दुसरा डीकोडर टॅब उघडा, एनक्रिप्टेड स्क्रिप्टचा कोड वरच्या विंडोमध्ये पेस्ट करा, बटण दाबा स्क्रिप्ट चालवा.
फोल्डरमध्ये eval_temp eval() फंक्शन्स कार्यान्वित करण्याचे सर्व परिणाम, मध्यवर्ती कार्यांसह, जोडले जातात. बटणावर क्लिक करून तुम्ही ते पाहू शकता eval() परिणाम दर्शवा, मजकूर खालच्या विंडोमध्ये उघडेल. ते कॉपी केले जाऊ शकते, वरच्या विंडोमध्ये पेस्ट केले जाऊ शकते आणि बटणाच्या क्लिकने त्वरित स्वरूपित केले जाऊ शकते स्वरूप कोड. डीकोडर व्यतिरिक्त, Malzilla मध्ये आणखी बरीच साधने आणि सेटिंग्ज आहेत जी JavaScript स्क्रिप्ट्समधून कोणतेही संरक्षण काढून टाकणे सोपे करतात.
एनक्रिप्टेड स्क्रिप्ट्ससह कार्य करण्यासाठी आपण दुसऱ्या विनामूल्य साधनाकडे देखील लक्ष देऊ शकता - FreShow. यात कमी फंक्शन्स आहेत, परंतु त्याला एक स्थान आहे. ऑफसाइटवरून आपण प्रोग्रामसह कार्य करण्याचे उदाहरण दर्शविणारा डेमो व्हिडिओ डाउनलोड करू शकता.
तुम्ही बघू शकता, JavaScript स्क्रिप्ट्स आणि html पृष्ठांवरून संरक्षण काढून टाकण्यात काहीही अवघड नाही. तुम्ही अजूनही तुमच्या नीच "लेखकाच्या हक्कांचे" रक्षण करत आहात? मग आम्ही तुमच्याकडे जाऊ!
Mozilla FireFox, मेनूमधील “दृश्य” विभाग विस्तृत करा आणि “स्रोत कोड” वर क्लिक करा. समान आयटम संदर्भ मेनूमध्ये देखील आहे, जर तुम्ही पृष्ठाच्या मजकुरावर उजवे-क्लिक केले तर. आपण कीबोर्ड शॉर्टकट CTRL + U देखील वापरू शकता. Mozilla FireFox बाह्य प्रोग्राम वापरत नाही - वाक्यरचना हायलाइटिंगसह पृष्ठाचा स्त्रोत कोड वेगळ्या ब्राउझर विंडोमध्ये उघडला जाईल.
इंटरनेट एक्सप्लोररमध्ये, फाइल मेनूवर क्लिक करा आणि नोटपॅडमध्ये संपादित करा निवडा. Notepad या नावाऐवजी, दुसरे नाव लिहिले जाऊ शकते, आपण ते ब्राउझर सेटिंग्जमध्ये सोर्स कोड पाहण्यासाठी नियुक्त केले आहे. पृष्ठावर उजवे-क्लिक करून, एक संदर्भ मेनू दिसेल, ज्यामध्ये एक आयटम देखील आहे जो आपल्याला पृष्ठाचा स्त्रोत कोड बाह्य प्रोग्राममध्ये उघडण्याची परवानगी देतो - “HTML कोड पहा”.
ऑपेरा ब्राउझरमध्ये, मेनू उघडा, "पृष्ठ" विभागात जा आणि तुम्हाला "डेव्हलपमेंट टूल्स" उपविभागातील "स्रोत कोड" आयटम किंवा "फ्रेम स्त्रोत कोड" आयटम निवडण्याची संधी असेल. या निवडींना अनुक्रमे CTRL + U आणि CTRL + SHIFT + U या हॉटकीज नियुक्त केल्या आहेत. पृष्ठावर उजवे-क्लिक करण्याशी संबंधित संदर्भ मेनूमध्ये "स्रोत कोड" आयटम देखील असतो. ओपेरा बाह्य प्रोग्राममध्ये पृष्ठ स्त्रोत उघडते जे ओएसमध्ये किंवा HTML फाइल्स संपादित करण्यासाठी ब्राउझर सेटिंग्जमध्ये नियुक्त केले जाते.
Google Chrome ब्राउझरमध्ये कोणत्याही शंकाशिवाय स्त्रोत कोड पाहण्यासाठी सर्वोत्तम संस्था आहे. पृष्ठावर उजवे-क्लिक करून, आपण "पृष्ठ कोड पहा" निवडू शकता आणि नंतर सिंटॅक्स हायलाइटिंगसह स्त्रोत कोड वेगळ्या टॅबमध्ये उघडला जाईल. किंवा तुम्ही त्याच मेनूमध्ये “घटक कोड पहा” ही ओळ निवडू शकता आणि त्याच टॅबमधील ब्राउझर दोन अतिरिक्त फ्रेम उघडेल ज्यामध्ये तुम्ही कोणत्याही पृष्ठ घटकाच्या HTML आणि CSS कोडची तपासणी करू शकता. ब्राउझर HTML कोडच्या त्या विभागाशी जुळणारे पृष्ठावरील घटक हायलाइट करून कोडच्या ओळींवर फिरणाऱ्या कर्सरला प्रतिसाद देईल.
