Yandex पृष्ठ कोड उघडा. Google Chrome मध्ये पृष्ठ कोड कसा बदलायचा

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

हॉटकी संयोजन +शोध विंडो उघडा, Chrome ब्राउझरमध्ये ते वरच्या उजवीकडे दिसते:

आकृती 3. साइट कोडद्वारे शोधा

तुम्ही शोध फॉर्ममध्ये विनंती एंटर केल्यानंतर, स्क्रीन सापडलेल्या पहिल्या घटकाकडे जाईल, बाण वापरून तुम्ही त्यांच्या दरम्यान हलवू शकता आणि तुम्हाला आवश्यक असलेला एक निवडा:

आकृती 4. HTML साइट कोडद्वारे शोधा

सूचना 2: Google Chrome ब्राउझरमध्ये साइटचे HTML आणि CSS कोड कसे पहावे आणि संपादित करावे

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

हे उपयुक्त साधन तुमच्या ब्राउझरमध्ये नेहमी उपलब्ध असते, जे तुमच्यासाठी तुमची साइट संपादित करणे सोपे करेल.

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

हे उत्तर अगदी सोपे आहे की बाहेर करते. आणि जर तुमच्याकडे काही कौशल्ये असतील तर तुम्ही यातील बरीच वैशिष्ट्ये गोळा करू शकता आणि अल्पावधीत तुमची स्वतःची खास वेबसाइट तयार करू शकता.

आज आपण पानाचा कोड, विशिष्ट घटक कसा उघडायचा आणि हे कौशल्य आपल्या फायद्यासाठी कसे वापरायचे याबद्दल बोलू.

कोडचे मूलभूत ज्ञान

माझी साइट नवशिक्यांसाठी आहे आणि प्रथम मी सर्वसाधारणपणे साइट्स आणि कोडबद्दल थोडक्यात बोलू इच्छितो.

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

अशा प्रकारे उच्च दर्जाच्या वेबसाइट तयार केल्या जातात. जर तुम्हाला हवे असेल तर या प्रकरणात सहभागी व्हा आणि तुमची इच्छा नसेल तर कोणीही तुमच्यावर जबरदस्ती करू शकत नाही.

मी फक्त एकच सांगेन... तुम्ही लिहिलेले अगम्य शब्द एका संपूर्ण शब्दात कसे रूपांतरित होतात आणि जिवंत होतात हे पाहण्यापेक्षा आनंददायी काहीही नाही: लिंक्स काम करतात, बटणे हलतात, चित्रे हलतात, मजकूर क्रॉल होतो. मला वाटते की व्हिक्टर फ्रँकेन्स्टाईन कसे वाटले हे मला माहित आहे.

जेव्हा तुम्ही गुप्त भाषा समजून घेण्यास सुरुवात करता आणि सुरुवातीला दिसते त्यापेक्षा सर्वकाही खरोखर सोपे आहे हे पाहता तेव्हा तुम्ही मदत करू शकत नाही परंतु तुमच्या स्वतःच्या सामर्थ्यांवर आणि मेंदूच्या क्षमतेवर विश्वास ठेवू शकता. हे खूप मस्त आहे.

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

या रेखाचित्रानुसार. खालील स्क्रीनशॉट पहा. तुम्हाला वाटेल की हा हास्यास्पद आणि अतिशय गुंतागुंतीचा प्रतीकांचा संच आहे. खरं तर, सर्वकाही इतके क्लिष्ट नाही, एक विशिष्ट अल्गोरिदम आहे.

फक्त 150 टॅग आहेत आणि त्यापैकी प्रत्येक विशिष्ट क्रियेसाठी जबाबदार आहे: दुवा, हायफनेशन, ठळक, रंग, शीर्षक इ. जर तुमची इच्छा असेल आणि वेळेची हरकत नसेल तर त्यांना समजून घेणे इतके अवघड नाही.

या गुणधर्मांच्या ज्ञानाबद्दल धन्यवाद, आपण जवळजवळ कोणतीही समस्या सोडवू शकता. परंतु प्रत्येक विकासक ध्येय साध्य करण्यासाठी स्वतःचे मार्ग शोधतो.

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

थोड्या वेळाने, मी तुम्हाला एक विशिष्ट उदाहरण दाखवतो.

कोड पहा

तर, जर तुम्हाला दुसऱ्याचे एचटीएमएल शोधायचे असेल तर कसे वागायचे ते मी तुम्हाला दाखवतो. मग आपण इतर सर्व प्रश्न अधिक तपशीलाने पाहू.

सर्वोत्तम मार्ग

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

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

आपल्याला आवश्यक असलेली प्रत्येक गोष्ट येथे आहे. प्रत्येक घटक. आपण हे समजून घेतल्यास, आपल्याला आवश्यक असलेली प्रत्येक गोष्ट आपण पटकन मिळवू शकता. परंतु असे कार्य दिवसेंदिवस अशक्य होत चालले आहे. डाउनलोडिंग नाही. पृष्ठ कॉपी करण्यास मनाई असल्यास काय करावे?

हे 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 व्हिडिओ धडे!)" .

आता तुम्हाला थोडे अधिक माहिती आहे. तुमच्या प्रयत्नांमध्ये तुम्हाला यश मिळावे अशी माझी इच्छा आहे. पुन्हा भेटू!

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

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

Google ब्राउझरमध्ये html पृष्ठाचा स्त्रोत कोड कसा पाहायचा

तुम्ही Chrome मध्ये पेज कोड पाहू शकता म्हणून, तुम्हाला स्वारस्य असलेल्या साइटवर जाणे आणि पुढील चरणे करणे आवश्यक आहे:

हे दोन आयटम त्यांच्या कार्यक्षमतेमध्ये आणि वापरकर्त्यासाठी, प्रोग्रामरसाठी किंवा हॅकरसाठी माहितीमध्ये भिन्न आहेत.

पृष्ठ कोड आणि फक्त "कोड पहा" कमांडमध्ये काय फरक आहे?

या प्रत्येक फंक्शनचे विश्लेषण करून, तुम्ही स्वतंत्र लेख लिहू शकता. प्रोग्रामरसाठी, हा फरक महत्त्वपूर्ण आहे आणि त्यांना समजते की कोणत्या प्रकरणांमध्ये Google Chrome ब्राउझरमध्ये "पहा कोड" आणि कोणत्या "पृष्ठ कोड पहा" वापरणे आवश्यक आहे.

परंतु सरासरी वापरकर्त्यासाठी स्पष्ट करताना, ही कार्ये खालील उद्देशांमध्ये विभागली जाऊ शकतात:

1. पृष्ठाचे मुख्य संयोजन पाहण्यासाठी "पृष्ठ कोड पहा" आवश्यक आहे. मूलभूतपणे, ही साइटची रचना आहे (सीएसएस फायलींच्या स्वरूपात अतिरिक्त मॉडेल्सशिवाय आणि साइट निर्मात्याच्या फोल्डरमध्ये राहणारी इतर जोडणी). ही रचना “कॉपी-पेस्ट” करून आपले स्वतःचे पृष्ठ तयार करण्यासाठी योग्य नाही, परंतु ते आपल्याला प्रोग्रामरने नेमके काय केले आणि Google Chrome ब्राउझरमधील साइटची अशी बाह्य रचना आहे याची खात्री करण्यासाठी कोणत्या क्रमाने केले हे पाहण्यास अनुमती देईल.
2. पृष्ठावर प्रभावित झालेल्या सर्व क्षेत्रांना हायलाइट करून, “कोड पहा” तपशीलवार रचना प्रदर्शित करते. तुम्ही विशिष्ट सूची कोडवर फिरल्यास, तो ज्या साइटशी संबंधित आहे त्या साइटवर तो घटक हायलाइट करेल.
3. पृष्ठ कोड पाहणे हे संपादित करण्याच्या क्षमतेशिवाय वेगळ्या ब्राउझरमध्ये उघडते. म्हणजेच, ते केवळ साइट कोड कॉपी आणि वाचण्यासाठी योग्य आहे. परंतु हे कमी उपयुक्त कार्य नाही.
4. “कोड पहा” बदलण्यायोग्य आहे आणि आपण आपल्यासाठी सोयीस्कर मार्गाने कोणताही घटक संपादित करू शकता. अर्थात, हे सर्व बदल पृष्ठ रीफ्रेश होईपर्यंत “लाइव्ह” होतील, परंतु काहीवेळा त्या सेटिंग्जमधून जाणे आणि हे किंवा ते मूल्य का आवश्यक आहे हे समजून घेणे आणि आपण ते बदलल्यास काय होईल हे समजून घेणे मजेदार आहे. आपण असे गृहीत धरू नये की अशा कृतींद्वारे आपण स्वत: ला किंवा साइटचे नुकसान कराल - हे बदल केवळ आपल्या Google Chrome च्या कोडवर परिणाम करतात आणि ऑनलाइन जात नाहीत.

आम्ही घटक कोड कसा पाहायचा या प्रश्नावर विचार करत आहोत

अशा प्रश्नाचे उत्तर द्यायचे असेल, तर एकच पर्याय सुचतो तोच एक उदाहरण. कारण एका लेखात हा विषय समजून घेणारी व्यक्ती (वेब ​​डेव्हलपर) बनणे फार कठीण आहे, परंतु उदाहरणासह दाखवणे म्हणजे प्रश्न निकाली निघणे खूप सोपे आहे.

घटक कोडची कार्यक्षमता खूप विस्तृत आहे, म्हणून आम्ही Google Chrome ब्राउझर वेबसाइटवरील शब्दांपैकी एक घेतो. आम्हाला आमच्या साइटसाठी कोणते कीवर्ड (कोडमध्ये ते "कीवर्ड" म्हणून लिहिले जाईल) विचारात घ्यायचे होते. हे करण्यासाठी, आम्ही खालील अल्गोरिदम करतो:

Google Chrome ब्राउझरमध्ये हे वैशिष्ट्य वापरण्याचे इतर मार्ग

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

• साइटची रचना हेड (“साइट शीर्षलेख”) पासून सुरू होणारी आणि शेवटपर्यंत (कोणत्याही प्रोग्रामची अंतिम आज्ञा) पहा;
• साइटची सर्व कार्ये पहा, म्हणजे: इतर साइट्सचे दुवे, बाह्य साइटवरील अतिरिक्त मॉड्यूल आणि विविध माहिती गोळा करण्यासाठी अंगभूत काउंटरची उपस्थिती;
• साइटवरून कॉपी करणे प्रतिबंधित आहे की नाही ते शोधा;
• कोड साइटच्या इतर पृष्ठांवरील सर्व दुवे, तसेच त्यांची रचना आणि त्यावर क्लिक केल्यानंतर त्यानंतरच्या क्रिया रेकॉर्ड करेल.

ही कोणत्याही अर्थाने मर्यादित यादी नाही. परंतु हे लक्षात ठेवले पाहिजे की विशेष ज्ञानाशिवाय, Google Chrome पृष्ठाचा कोड "वाचणे" जवळजवळ अशक्य आहे आणि प्राप्त डेटाची सामान्य वापरकर्त्याला व्यावहारिकपणे आवश्यकता नसते.

आयटम "घटक कोड पहा" कार्य करत नाही

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

• वापरकर्ता प्रोफाइल दूषित आहे;
• संगणकावर मालवेअरची उपस्थिती;
• कार्यप्रदर्शन वाढविण्यासाठी विशिष्ट विस्ताराद्वारे अवरोधित करणे (अगदी हे देखील होऊ शकते).

खराब झालेल्या वापरकर्ता प्रोफाइलचे निराकरण करणे

नवीन प्रोफाईल तयार करण्यासाठी, तुम्ही तुमच्या संगणकावरून जुने हटवणे आवश्यक आहे. हे करण्यासाठी आम्ही पुढील गोष्टी करतो:

1. Google Chrome बंद करा आणि अंगभूत Windows Explorer ब्राउझर लाँच करा.
2. ॲड्रेस बारमध्ये खालील कमांड एंटर करा: %LOCALAPPDATA%\Google\Chrome\User Data\.
3. निर्देशिका उघडल्यावर, “डीफॉल्ट” फोल्डर शोधा आणि त्याच्या नावात “बॅकअप” जोडा जेणेकरून ते असे दिसेल: “बॅकअप डीफॉल्ट”.
4. आता, Chrome ब्राउझर रीस्टार्ट केल्यानंतर, एक नवीन प्रोफाइल तयार होईल.

आम्ही मालवेअर किंवा त्याचे अवशेष काढून टाकतो

जर नवीन प्रोफाइल आम्हाला पृष्ठ घटक कोडमध्ये प्रवेश देत नसेल आणि तरीही आम्हाला त्रुटी दिसली तर आम्ही खालील गोष्टी केल्या पाहिजेत:

1. विंडोज कमांड लाइन (“चालवा”) उघडा आणि तिथे “cmd” कमांड एंटर करा.
2. ओळीत खालील आदेश प्रविष्ट करा: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
3. कृतीची पुष्टी केल्यानंतर, हे प्रविष्ट करा: RD /S /Q “%WinDir%\System32\GroupPolicy”.
4. आता “gpupdate/force” (कोट्सशिवाय).

सर्वकाही योग्यरित्या केले असल्यास, संगणक रीस्टार्ट केल्यानंतर Google Chrome घटकांचा कोड उघडेल आणि ब्राउझर सामान्यपणे कार्य करेल.