मालवेअर हे अनाहूत किंवा धोकादायक प्रोग्राम आहेत जे...
Ctrl+U
मी घटकाचा स्त्रोत कोड कसा पाहू शकतो?
क्लिक करा उजवे बटणआवडीच्या पृष्ठ घटकावर माउस.
गुगल क्रोम : "घटक कोड पहा"
ऑपेरा: "घटक तपासणी"
फायरफॉक्स: "घटकांचे विश्लेषण करा"
इतर ब्राउझरमध्ये, समान अर्थ असलेला मेनू आयटम शोधा.
सर्वांना नमस्कार!
मी विशेषत: लेखाच्या सुरुवातीला संपूर्ण मुद्दा मांडला आहे, जे द्रुत उत्तर शोधत आहेत त्यांच्यासाठी.
माहिती अनेकांना माहीत असेल, परंतु मी नवशिक्या ब्लॉगर्स, वेब प्रोग्रामर आणि इतर प्रॉस्पेक्टर्ससाठी लिहित असल्याने, हा संदर्भ लेख असणे आवश्यक आहे.
भविष्यात तुम्ही नक्कीच अभ्यास कराल स्रोतपृष्ठे आणि वैयक्तिक घटक.
बघूया विशिष्ट उदाहरणपृष्ठाचा स्त्रोत कोड पाहण्यासाठी तुम्ही कसे वापरू शकता.
उदाहरणार्थ, आपल्याला कीवर्ड कशासाठी वापरले जातात ते पहायचे आहे विशिष्ट पृष्ठ. आम्ही आम्हाला स्वारस्य असलेल्या वेब पृष्ठावर जातो आणि Ctrl+U दाबतो. IN स्वतंत्र विंडोकिंवा या पृष्ठाचा स्त्रोत कोड वेगळ्या टॅबमध्ये उघडेल. Ctrl+F दाबा कोड स्निपेट शोधण्यासाठी. IN या प्रकरणात"शोध बॉक्समध्ये" हा शब्द टाइप करा कीवर्ड".तुम्हाला या मेटा टॅगसह कोडच्या तुकड्यावर आपोआप पुनर्निर्देशित केले जाईल आणि शोधलेला शब्द हायलाइट केला जाईल.
सादृश्यतेनुसार, तुम्ही इतर कोडच्या तुकड्यांचा शोध आणि अभ्यास करू शकता.
पृष्ठाचा संपूर्ण स्त्रोत कोड पाहणे बहुतेक प्रकरणांमध्ये फारसे सोयीचे नसते, म्हणून सर्व ब्राउझरमध्ये वैयक्तिक घटक किंवा खंडाचा कोड पाहणे शक्य आहे.
घटकाचा कोड पाहण्याचे विशिष्ट उदाहरण वापरू. उदाहरणार्थ, लिंक आहे का ते पाहू nofollow विशेषता. आम्हाला स्वारस्य असलेल्या लिंकवर आणि ड्रॉप-डाउनमध्ये उजवे-क्लिक करा संदर्भ मेनूआयटमवर लेफ्ट क्लिक करा "घटक कोड पहा"किंवा तत्सम (तुमच्या ब्राउझरवर अवलंबून). खाली, कोड विश्लेषणासाठी एका विशेष विंडोमध्ये, आम्हाला असेच काहीतरी मिळते.
आम्ही पाहतो की लिंक कोडमध्ये rel=”nofollow” आहे. याचा अर्थ असा की या दुव्याद्वारे PR "लीक" होणार नाही. आम्ही पुढील लेखांमध्ये याबद्दल अधिक तपशीलवार चर्चा करू. आता महत्त्वाची गोष्ट म्हणजे पेजचा सोर्स कोड आणि वैयक्तिक घटकाचा सोर्स कोड कसा पाहायचा हे आता तुम्हाला माहीत आहे.
काहींचा आकार, रंग महत्वाचे घटकब्लॉग - जसे की ब्लॉग किंवा पोस्टचे शीर्षक, अधिक टॅग आणि सारखे. मी आवश्यक कोड मॅन्युअली शोधला, चाचणी डोमेनसह प्रयोग केला, ज्याच्या आधारावर लेख नंतर लिहिला गेला.
आणि अलीकडे मला लिंक्सचा रंग बदलण्याची गरज आहे. या विषयावर साहित्याचा एक समूह चाळल्यानंतर मला जाणवले साधी गोष्ट: प्रत्येकजण त्यांच्या स्वत: च्या टेम्पलेट्समधून उदाहरणे देतो, परंतु आपल्या सर्वांचे टेम्पलेट भिन्न आहेत आणि उदाहरणातील कोड कमीतकमी थोडासा समान असल्यास ते चांगले आहे: रडणे न करता, मी तरीही शोधून शोधू शकेन - यादृच्छिकपणे.
नंबर लिंक कोडसह कार्य करत नाही. प्रत्येकाने पूर्णपणे भिन्न मार्ग दाखवले. मला आश्चर्य वाटले की एक साधे आणि अचूक साधन आहे का, कसे शोधायचे आवश्यक कोड html कोणत्याही साइटवर.अनेक ब्लॉगर्सना, अनुभव असूनही, टेम्पलेटमध्ये किरकोळ बदल करण्यात अडचण येते. यात काहीही चुकीचे नाही, कारण प्रत्येकाची स्वतःची आवड आणि वेबसाइट तयार करण्याचे ध्येय असतात.
जर तुम्हाला टेम्पलेटमध्ये छोटे बदल करायचे असतील, उदा. कोणतेही शीर्षक, लेख आणि विभागांचे शीर्षक, फॉन्ट आणि लिंक्सचा रंग आणि आकार बदला,हे सहसा शिकण्यासाठी पुरेसे असते साधे तत्व, ज्याची या लेखात चर्चा केली आहे. परंतु अशी जटिल प्रकरणे देखील आहेत ज्यांना एकतर सखोल आवश्यक आहे html शिकत आहेआणि css, किंवा तज्ञांची मदत.
एके दिवशी, एका ओळखीच्या व्यक्तीने मला त्याच्या टेम्प्लेटमधील श्रेणी पॅनेलचा रंग कुठे बदलायचा ते शोधण्यास सांगितले. चाचणी सबडोमेनवर थीम अपलोड केली. या घटकाच्या सेटिंग्ज style.css मध्ये संग्रहित केल्या गेल्या नाहीत, परंतु दुसऱ्या फाईलमध्ये, त्यामुळे एखाद्या व्यक्तीला ते सापडले नाही.
साइटचा एचटीएमएल आणि सीएसएस कोड कसा शोधायचा आणि बदलायचा
तुम्हाला मोठे लेख आवडत नसल्यास, हे तुमच्यासाठी आहे लेखाच्या शेवटीनोटपॅड++ वापरून तुम्ही वेबसाइटचा एचटीएमएल कोड कसा पाहू शकता आणि फॉन्टचा रंग कसा बदलायचा याचे उदाहरण वापरून कोणत्याही टेम्पलेटच्या डिझाइनमध्ये बदल कसे करू शकता हे सांगणारे व्हिडिओ ट्युटोरियल. व्हिडिओमध्ये ब्लॉग हाताळण्याचे इतर बारकावे आहेत. आणि जे मजकुराच्या जवळ आणि स्पष्ट आहेत त्यांच्यासाठी, खाली तपशीलवार विश्लेषणस्क्रीनशॉटसह थीम.
httpv://youtu.be/uIlVvwCt2ho
अटी आणि संकल्पना
लेखाचे शीर्षक देणे अधिक अचूक होईल. कसे शोधायचे css कोड ", परंतु मी "चुकीचे" नाव घेऊन जाण्याचा निर्णय घेतला, कारण मुळात या प्रश्नाचे उत्तर html मध्ये आढळते. सीएसएस आणि एचटीएमएल या एकाच सिस्टीमचे दोन भाग असूनही खूप वेगळ्या गोष्टी आहेत. इंटरनेटवर बरेच तांत्रिक लेख आहेत, आम्हाला हे समजून घेणे पुरेसे आहे:
- HTML— साइटच्या संरचनेसाठी जबाबदार आहे (काय खालीलप्रमाणे, कोणत्या क्रमाने इ.). या आधारावर साइट तयार केली जाते. जर आपण त्याची तुलना घराशी केली तर हे त्याचे लेआउट आहे, खोल्यांची व्यवस्था.
- CSS- डिझाइनसाठी जबाबदार आहे (कोणते फॉन्ट, आकार, रंग इ.). ही घराची सामान्य शैली आणि त्याच्या वैयक्तिक खोल्यांची शैली आहे: तेथे कोणत्या प्रकारचे वॉलपेपर असतील, दिवे, पडदे, फर्निचर. म्हणून, दस्तऐवज जे सांगते css कोड, "शैली शीट" म्हणतात
आणि जर तुम्ही विचार करत असाल की साइटच्या शीर्षकाचा रंग, मजकूरातील फॉन्टचा आकार किंवा साइडबारमधील शीर्षलेखांचा रंग कसा बदलायचा, तर तुम्हाला हे सर्व CSS स्टाईल शीटमध्ये शोधण्याची आवश्यकता आहे. स्वतः कोडमध्ये बदल करण्यासाठी प्रथम समजून घेण्यासारखी ही एकमेव गोष्ट आहे.
मला कॉम्प्लेक्स सोपे करायला आवडते. मला खूप वर्षांपूर्वी आठवते, जेव्हा माझ्याकडे माझी पहिली कार होती, ती खूप जुनी होती, वायरिंग सडलेली होती, फ्यूज अनेकदा उडत होते आणि प्रत्येक वेळी मी ती सर्व्हिस स्टेशनवर आणली होती. ते पाहता किती पैसे वाया गेले याची कल्पना करा स्वत: ची बदली, तो बाहेर चालू म्हणून, एक पैसा खर्च.
एके दिवशी मास्तर नक्की काय करतात ते बघितलं. फ्यूज कसे कार्य करते हे मला अद्याप माहित नाही. पण ते कुठे बदलावे हे मला माहीत आहे). मी स्वतः मोटर दुरुस्त करणार नाही आणि फ्यूज बदलणे कठीण नाही. वेबसाइट्सच्या बाबतीतही तेच आहे.
जर तुम्हाला प्रोग्रामर बनायचे नसेल, तर प्रोग्रामिंगचे सखोल ज्ञान असण्याची गरज नाही. कशासाठी हेतू आहे, ते कोठे शोधायचे आणि ते कसे बदलावे हे समजून घेण्यासाठी हे पुरेसे स्पष्ट आहे. आपण स्वतः काय करू शकता ते बदलणे चांगले आहे आणि बाकी सर्व काही तज्ञांवर सोडा. बद्दल लेख मध्ये आहे उपयुक्त दुवाया थीम बद्दल.
तुम्हाला प्रत्येक गोष्टीत तज्ञ असण्याची गरज आहे का?
एखाद्या नवशिक्याला एचटीएमएलचे सखोल ज्ञान असणे आवश्यक आहे की नाही याविषयी एसइओ ब्लॉगवर अनेकदा चर्चा होत असते, किंवा त्याहूनही चांगले, वेबसाइट स्वत: कशी लिहायची ते शिकून घ्या जेणेकरुन सर्वकाही अद्वितीय असेल.. बरं, मला माहित नाही - प्रत्येकासाठी स्वतःचे आणि इथे काय जवळ आहे कोणाच्या जवळ आहे. मला थोडे अधिक स्वारस्य आहे, म्हणून मी आता व्लादिमीरकडून अधिक शिकत आहे. या वर्षाच्या नोव्हेंबरमध्ये व्लादिमीरने स्वतःचा ब्लॉग उघडला. त्याचा ब्लॉग अगदी सोप्या पद्धतीने बनवला आहे, विनामूल्य टेम्पलेट, त्याने स्वतःला अनुरूप असे थोडेसे बदलले.
10 दिवसांच्या अस्तित्वानंतर, ब्लॉगने दररोज सुमारे 1.5 हजार लोकांच्या रहदारीसह सर्व रुनेट साइट्सच्या क्रमवारीत 104 वे स्थान मिळविले. 10 दिवसात. मग करार काय आहे? व्लादिमीर HTML मध्ये पारंगत आहे, तो स्वत: साठी ऑर्डर करू शकतो आणि खरेदी करू शकतो अद्वितीय टेम्पलेट. त्यामुळे तुम्ही ते समजून घेतले पाहिजे गुपित टेम्प्लेट्समध्ये नसून माहितीच्या उपयुक्ततेमध्ये आहे.
html कोड कुठे लपलेला आहे?
विषयांतराबद्दल क्षमस्व, चला आमच्या कोडकडे परत जाऊया). समजा तुम्हाला तुमच्या ब्लॉगच्या शीर्षकाचा फॉन्ट रंग बदलायचा आहे. चला माझ्या चाचणी साइटचे उदाहरण पाहू.
- मध्ये साइट उघडत आहे Google ब्राउझरक्रोम (तुम्ही अद्याप ते वापरत नसल्यास, ते स्थापित करा - ते वेबसाइटसह कार्य करण्यासाठी चांगले डिझाइन केलेले आहे, त्यात बरीच अंगभूत साधने आहेत).
- आपण ज्या घटकात बदल करणार आहोत त्यावर आपण माउस कर्सर हलवतो . या प्रकरणात - ब्लॉगचे नाव. आम्ही त्यावर उजवे-क्लिक करतो आणि दिसत असलेल्या विंडोमध्ये, घटक कोड पहा निवडा.
महत्वाचे: पृष्ठ कोड पाहण्यामध्ये हे गोंधळात टाकू नका! आम्हाला आता संपूर्ण पृष्ठाची गरज नाही, फक्त एका स्वतंत्र घटकाची.
त्यावर क्लिक करा - ब्राउझरच्या तळाशी एक कोड पाहण्याची विंडो दिसेल:
आपण बदलत असलेली कोडची ओळ लाल रंगात हायलाइट केली आहे.
परंतु निळ्या रंगात हायलाइट केलेल्या क्षेत्रामध्ये आपण जे शोधत आहोत ते समाविष्ट आहे. येथे तुम्हाला फॉन्ट, रंग, आकार, हायलाइटिंग इत्यादीसाठी जबाबदार असलेल्या कोडची अचूक (अंदाजे नाही) ओळ सापडेल. अशा प्रकारे तुम्ही कोणत्याही टेम्पलेटच्या कोणत्याही घटकाचा कोणताही कोड शोधू शकता.
निळ्या रंगात हायलाइट केलेल्या ब्लॉकमध्ये इच्छित रेषा शोधा. उजवीकडे एक स्लाइडर आहे, तुम्ही स्क्रोल करू शकता आणि तुम्हाला आवश्यक असलेली ओळ शोधू शकता.
गोष्टी कुठे शोधायच्या याचे सामान्य तत्व:
फॉन्टचे नाव - फॉन्ट फॅमिली लाइनमध्ये
फॉन्ट आकार - FONT SIZE ओळीत
फॉन्ट रंग - COLOR ओळीत
येथे तीन मुख्य ओळी आहेत ज्यात कोणत्याही घटकाचे नाव, आकार आणि फॉन्टचा रंग बदलतो. अगदी ओळीत शैली cssदस्तऐवजातील रेषेची स्थिती दिली आहे. जर तुम्हाला इतर काही घटक बदलायचे असतील (उदाहरणार्थ, तुम्ही मेनू बारचा रंग किंवा लिंक्सचा रंग बदलू शकता अशी ओळ कुठे आहे हे शोधणे आवश्यक आहे), सर्वकाही अगदी सारखेच केले जाते.
लक्ष द्या:
आम्ही कॉपी करणार असलेली ओळ आकृतीमध्ये लाल रंगात हायलाइट केली आहे,
जेणेकरून तुम्हाला ते नंतर स्टाईल शीटमध्ये सापडेल.
4. ओळ कॉपी करा. या उदाहरणात आम्हाला साइटच्या नावाचा रंग बदलायचा असल्याने, मी दुसऱ्या चित्रात लाल आयतामध्ये हायलाइट केलेली ओळ कॉपी करतो. माझ्या टेम्पलेटमध्ये, साइट शीर्षकाचा रंग बदलण्यासाठी ते जबाबदार आहे:
#header h1 a, #header h1 a: भेट दिली (
"शैली शीट (style.css)" फाइलमध्ये आवश्यक ओळ शोधा. हे आधीच प्रशासक पॅनेलमध्ये केले आहे. मी ठामपणे विचारतो की, आत्मविश्वास आणि पूर्ण समज नसताना, वगळण्यासाठी सर्व प्रयोग चाचणी सबडोमेनवर केले जावेत.
तर, प्रशासक पॅनेलवर जा: CONSOLE - APPARANCE - EDITOR. उजव्या साइडबारमध्ये आपल्याला STYLE TABLE (STYLE.CSS) फाईल आढळते, ती उघडा.
आता शोध बार उघडा CTRL की+ F: वरच्या विंडोमध्ये रिकामी ओळ-विंडो दिसेल. आम्ही चरण 4 मध्ये कॉपी केलेली ओळ आम्ही त्यात पेस्ट करतो.
आणि ही ओळ स्टाईल शीटमध्ये कशी हायलाइट केली जाईल हे तुम्हाला दिसेल (चित्रात केशरी रंगात):
आम्ही घटकामध्ये बदल करतो. आमच्या बाबतीत, आम्ही फॉन्टचा रंग बदलत आहोत, म्हणून COLOR ओळीत आम्ही दुसरे मूल्य बदलतो - आम्हाला हवा असलेला रंग. उदाहरणात, रंग काळा आहे, त्याचा अर्थ आहे:
तुम्ही कोणत्याही वेब कलर पॅलेट सेवेमध्ये रंग निवडू शकता: सर्च इंजिनमध्ये "वेब कलर पॅलेट" टाइप करा आणि तुम्हाला हवा असलेला एक निवडा. आम्ही एक रंग निवडतो, त्याचे डिजिटल मूल्य कॉपी करतो आणि काळजीपूर्वक जुन्यासह बदलतो. त्यानंतर आम्ही UPDATE FILE वर क्लिक करतो आणि काय झाले ते पाहण्यासाठी जातो.
बदल प्रदर्शित न झाल्यास, मागील तासासाठी आणि पुन्हा पृष्ठावर जा - यावेळी सर्वकाही प्रदर्शित केले जावे.
वर्णन करण्यासाठी बराच वेळ लागतो, परंतु सराव मध्ये सर्वकाही त्वरीत केले जाते, विशेषत: जेव्हा प्रारंभिक कौशल्य दिसून येते.
अधिक तपशीलवार, काही घटक कसे बदलावे:
आजसाठी एवढेच आहे, मी तुम्हाला यापुढे कोड्सचा त्रास देणार नाही. मला आशा आहे की आता तुम्ही स्वतः html कोडचा कोणताही घटक सहज शोधू शकता आणि बदलू शकता, किंवा त्याऐवजी, सीएसएस कोड - ते सोपे करण्यासाठी तज्ञ मला क्षमा करतील. आणि जर तुम्हाला ते समजले नसेल, तरीही पृष्ठास भेट द्या. मूर्खपणात वेळ वाया घालवू नका.
कोणत्याही इंजिनसाठी (वर्डप्रेस, जूमला, इ.) कोणत्याही थीम/टेम्प्लेटमध्ये कोणताही शब्द किंवा घटक कसा शोधायचा आणि कसा शोधायचा आणि ते तुम्हाला हवे ते बदलून कसे शोधायचे याबद्दल मी आर्टेम अब्रामोविचचा व्हिडिओ पाहण्याचा सल्ला देतो:
जर तुम्हाला ते आवडले असेल तर कृपया शेअर करा:
तुम्हाला हे जाणून घेण्यात देखील स्वारस्य असू शकते:
प्रत्येक इंटरनेट वापरकर्त्याची स्वतःची आवडती साइट असते ज्यावर तो खर्च करतो बराच वेळ. आणि फक्त आळशी लोकांनी ते कसे तयार केले आणि त्यात काय समाविष्ट आहे हे पाहण्याचा विचार केला नाही. या सर्व प्रश्नांची उत्तरे देणे अशक्य आहे, कारण वेबसाइट तयार करण्याचे अनेक मार्ग आहेत, परंतु ते बनवणारे आदेश आणि कोड पाहणे शक्य आहे आणि प्रत्येकासाठी सार्वजनिकरित्या उपलब्ध आहे.
दुसरा प्रश्न असा आहे की प्रोग्रामिंगमध्ये सहभागी नसलेल्या व्यक्तीला कोड बनवणारे कोणतेही चिन्ह समजेल का. परंतु खाली दिलेल्या उदाहरणांमधून, कोणत्याही Google वापरकर्ता Chrome पाहण्यास सक्षम असेल वैयक्तिक घटकसाइट्स
Google ब्राउझरमध्ये html पृष्ठाचा स्त्रोत कोड कसा पाहायचा
आपण Chrome मध्ये पृष्ठ कोड पाहू शकता म्हणून, आपल्याला स्वारस्य असलेल्या साइटवर जाणे आणि खालील चरणे करणे आवश्यक आहे:
हे दोन आयटम त्यांच्या कार्यक्षमता आणि वापरकर्ता, प्रोग्रामर किंवा हॅकरसाठी माहितीमध्ये भिन्न आहेत. 
पृष्ठ कोड आणि फक्त "कोड पहा" कमांडमध्ये काय फरक आहे?
या प्रत्येक फंक्शनचे विश्लेषण करून, तुम्ही स्वतंत्र लेख लिहू शकता. प्रोग्रामरसाठी, हा फरक महत्त्वपूर्ण आहे आणि त्यांना समजते की कोणत्या प्रकरणांमध्ये Google Chrome ब्राउझरमध्ये "पहा कोड" आणि कोणत्या "पृष्ठ कोड पहा" वापरणे आवश्यक आहे.
परंतु सरासरी वापरकर्त्यासाठी स्पष्ट करताना, ही कार्ये खालील उद्देशांमध्ये विभागली जाऊ शकतात:
- पृष्ठाचे मुख्य संयोजन पाहण्यासाठी "पृष्ठ कोड पहा" आवश्यक आहे. मूलभूतपणे, ही साइटची रचना आहे (सीएसएस फायलींच्या स्वरूपात अतिरिक्त मॉडेल्सशिवाय आणि साइट निर्मात्याच्या फोल्डरमध्ये राहणारी इतर जोडणी). ही रचनातयार करण्यासाठी योग्य नाही स्वतःचे पृष्ठ"कॉपी-पेस्ट" द्वारे, परंतु ते तुम्हाला प्रोग्रामरने नेमके काय केले आणि Google Chrome ब्राउझरमधील साइटला अशी बाह्य रचना करण्यासाठी कोणत्या क्रमाने पाहण्यास अनुमती देईल.
- “पहा कोड” पृष्ठावर प्रभावित झालेल्या सर्व क्षेत्रांना हायलाइट करून तपशीलवार रचना प्रदर्शित करते. आपण निर्देश केल्यास विशिष्ट कोडसूची - ती ज्या साइटशी संबंधित आहे त्यावरील घटक हायलाइट करेल.
- मध्ये उघडलेला पृष्ठ कोड पहा स्वतंत्र ब्राउझरते संपादित करण्याच्या क्षमतेशिवाय. म्हणजेच, ते केवळ साइट कोड कॉपी आणि वाचण्यासाठी योग्य आहे. परंतु हे कमी उपयुक्त कार्य नाही.
- “कोड पहा” बदलण्यायोग्य आहे आणि आपण आपल्यासाठी सोयीस्कर मार्गाने कोणताही घटक संपादित करू शकता. अर्थात, हे सर्व बदल पृष्ठ रीफ्रेश होईपर्यंत “लाइव्ह” होतील, परंतु काहीवेळा त्या सेटिंग्जमधून जाणे आणि हे किंवा ते मूल्य का आवश्यक आहे हे समजून घेणे आणि आपण ते बदलल्यास काय होईल हे समजून घेणे मजेदार आहे. तुम्ही असे गृहीत धरू नये की अशा कृतींद्वारे तुम्ही स्वतःचे किंवा साइटचे नुकसान कराल - हे बदल केवळ तुमच्या Google Chrome च्या कोडवर परिणाम करतात आणि ऑनलाइन होत नाहीत.
आम्ही घटक कोड कसा पाहायचा या प्रश्नावर विचार करत आहोत
अशा प्रश्नाचे उत्तर द्यायचे असेल, तर एकच पर्याय सुचतो तोच एक उदाहरण. कारण एका लेखात हा विषय समजून घेणारी व्यक्ती (वेब डेव्हलपर) बनणे फार कठीण आहे, परंतु उदाहरणासह दाखवणे म्हणजे प्रश्न निकाली निघणे खूप सोपे आहे.
घटक कोडची कार्यक्षमता खूप विस्तृत आहे, म्हणून आम्ही Google Chrome ब्राउझर वेबसाइटवरील शब्दांपैकी एक घेतो. आम्हाला आमच्या साइटसाठी कोणते कीवर्ड (कोडमध्ये ते "कीवर्ड" म्हणून लिहिले जाईल) विचारात घ्यायचे होते. हे करण्यासाठी, आम्ही खालील अल्गोरिदम करतो:
Google Chrome ब्राउझरमध्ये हे वैशिष्ट्य वापरण्याचे इतर मार्ग
सर्वसाधारणपणे, घटकाचा कोड कसा पहायचा आणि तो का आवश्यक आहे या प्रश्नाचे उत्तर देणे सुरू ठेवून, आपण त्याची कार्ये सूचीबद्ध केली पाहिजेत. अर्थात, Google Chrome ब्राउझरमधील कोणत्याही साइटच्या घटकाचा कोड पाहण्याच्या क्षमतेबद्दल धन्यवाद, आम्ही हे करू शकतो:
- साइटची रचना हेड (“साइट शीर्षलेख”) पासून सुरू होणारी आणि शेवटपर्यंत (कोणत्याही प्रोग्रामची अंतिम आज्ञा) पहा;
- साइटची सर्व कार्ये पहा, म्हणजे: इतर साइट्सचे दुवे, अतिरिक्त मॉड्यूल्सबाह्य साइट्सवरून आणि विविध माहिती गोळा करण्यासाठी अंगभूत काउंटरची उपस्थिती;
- साइटवरून कॉपी करणे प्रतिबंधित आहे की नाही ते शोधा;
- कोड साइटच्या इतर पृष्ठांवरील सर्व दुवे, तसेच त्यांची रचना आणि त्यावर क्लिक केल्यानंतर त्यानंतरच्या क्रिया रेकॉर्ड करेल.
ही कोणत्याही अर्थाने मर्यादित यादी नाही. परंतु हे लक्षात ठेवले पाहिजे की विशेष ज्ञानाशिवाय आपण कोड "वाचू" शकता Google पृष्ठे Chrome जवळजवळ अशक्य आहे आणि डेटा मिळवला आहे सामान्य वापरकर्ताव्यावहारिकदृष्ट्या आवश्यक नाही.
आयटम "घटक कोड पहा" कार्य करत नाही
प्रत्येक साइटवर असेल असे लगेचच म्हटले पाहिजे मुक्त प्रवेशघटक कोडसाठी. म्हणजेच, सर्वात लोकप्रिय आणि महागड्या साइट देखील त्यांचे कोड पाहण्यासाठी खुल्या असतील. म्हणून, Google Chrome ब्राउझरमधील आयटम सक्रिय नसल्यास किंवा त्रुटी निर्माण केल्यास, त्याची खालील संभाव्य कारणे आहेत:
- वापरकर्ता प्रोफाइल दूषित आहे;
- संगणकावर मालवेअरची उपस्थिती;
- कुलूप विशिष्ट विस्तारउत्पादकता वाढवण्यासाठी (अगदी हे होऊ शकते).
खराब झालेल्या वापरकर्ता प्रोफाइलचे निराकरण करणे
तयार करण्यासाठी नवीन प्रोफाइल, तुम्हाला तुमच्या संगणकावरून जुने काढून टाकावे लागेल. हे करण्यासाठी आम्ही पुढील गोष्टी करतो:
- Google Chrome बंद करा आणि अंगभूत लाँच करा विंडोज ब्राउझरएक्सप्लोरर.
- आत प्रवेश करा पत्ता लिहायची जागा पुढील आदेश: %LOCALAPPDATA%\Google\Chrome\User Data\.
- निर्देशिका उघडल्यावर, “डीफॉल्ट” फोल्डर शोधा आणि त्याच्या नावात “बॅकअप” जोडा म्हणजे तुम्हाला पुढील गोष्टी मिळतील: “बॅकअप डीफॉल्ट”.
- आता, Chrome ब्राउझर रीस्टार्ट केल्यानंतर, एक नवीन प्रोफाइल तयार होईल.
आम्ही मालवेअर किंवा त्याचे अवशेष काढून टाकतो
जर नवीन प्रोफाइल आम्हाला पृष्ठ घटक कोडमध्ये प्रवेश देत नसेल आणि तरीही आम्हाला त्रुटी दिसली तर आम्ही खालील गोष्टी केल्या पाहिजेत:
- कमांड लाइन उघडा विंडोज स्ट्रिंग("चालवा") आणि तेथे "cmd" कमांड एंटर करा.
- ओळीत खालील आदेश प्रविष्ट करा: RD /S /Q “%WinDir%\System32\GroupPolicyUsers”.
- कृतीची पुष्टी केल्यानंतर, हे प्रविष्ट करा: RD /S /Q “%WinDir%\System32\GroupPolicy”.
- आता “gpupdate/force” (कोट्सशिवाय).
सर्वकाही योग्यरित्या केले असल्यास, रीबूट केल्यानंतर Google संगणक Chrome घटकांचा कोड उघडेल आणि ब्राउझर सामान्यपणे कार्य करेल.
इंटरनेटवर असंख्य साइट्स शोधत असताना, आपल्याला खरोखर आवडत असलेल्या साइट्स भेटू शकतात. लगेच अनेक प्रश्न निर्माण होतात. साइट होममेड कोड किंवा काही प्रकारचे CMS वापरून बनवली होती? त्याचे काय आहेत CSS शैली? त्याचे मेटा टॅग काय आहेत? वगैरे.
वेबसाइट पृष्ठाच्या कोडबद्दल माहिती काढण्यासाठी अनेक साधने वापरली जाऊ शकतात. पण आपल्याकडे नेहमी उजवे माऊस बटण असते. माझ्या साइटचे उदाहरण म्हणून आपण हेच वापरणार आहोत.
पेज कोड कसा पाहायचा?
साइट पृष्ठाचा स्त्रोत कोड पाहण्यासाठी, आपल्याला वेब पृष्ठाच्या कोणत्याही भागावर (प्रतिमा आणि दुवे वगळता) आपला माउस फिरवावा लागेल. यानंतर, उजव्या माऊस बटणावर क्लिक करा. अनेक पर्यायांसह एक विंडो आपल्या समोर उघडेल (मध्ये भिन्न ब्राउझरते थोडे वेगळे असू शकतात). Google Chrome ब्राउझरमध्ये, उदाहरणार्थ, या आज्ञा आहेत:
- मागे;
- पुढे;
- रीबूट;
- म्हणून जतन करा;
- शिक्का;
- रशियनमध्ये भाषांतर करा;
- पृष्ठ कोड पहा;
- कोड पहा.
आम्हाला क्लिक करावे लागेल पृष्ठ कोड पहा, आणि ते आपल्यासमोर उघडेल html कोडसाइट पृष्ठे.
पृष्ठ कोड पहात आहे: कशाकडे लक्ष द्यावे?
तर, एचटीएमएल पृष्ठ कोड ही ओळींची एक क्रमांकित सूची आहे, ज्यापैकी प्रत्येक ही साइट कशी बनवली आहे याबद्दल माहिती असते. त्वरीत हे समजण्यास शिकण्यासाठी एक प्रचंड संख्याचिन्हे आणि विशेष वर्ण, तुम्हाला कोडच्या वेगवेगळ्या विभागांमध्ये फरक करणे आवश्यक आहे.
उदाहरणार्थ, आत सापडलेल्या कोडच्या ओळी हेड टॅगसाठी माहिती समाविष्ट आहे शोधयंत्रआणि वेबमास्टर्स. ते साइटवर प्रदर्शित केले जात नाहीत. येथे आपण कसे पाहू शकता कीवर्डया पृष्ठाचे शीर्षक आणि वर्णन कसे लिहिले आहे यावर आधारित प्रचार केला जातो. आपण येथे एक लिंक देखील शोधू शकता, ज्यावर क्लिक करून आपण कुटुंबाबद्दल जाणून घेऊ गुगल फॉन्टसाइटवर वापरले.
जर साइट सीएमएस वर्डप्रेस किंवा जूमला वर बनवली असेल तर ती येथे देखील दिसेल. उदाहरणार्थ, हे क्षेत्र याबद्दल माहिती प्रदर्शित करते वर्डप्रेस थीमकिंवा जूमला टेम्पलेटजागा. निळ्या रंगात हायलाइट केलेल्या लिंक्सची सामग्री वाचून तुम्ही ते पाहू शकता. एक लिंक वेबसाइट टेम्पलेट दाखवते.
उदाहरणार्थ:
//fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C400italic%2C600&ver=4.5.3
आपण पृष्ठाच्या CSS फॉन्ट शैली पाहू. या प्रकरणात, फॉन्ट वापरला जातो. हे येथे पाहिले जाऊ शकते - font-family: 'Source Sans Pro'.
ही साइट 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 विस्तार. अशा प्रकारे, तुम्ही कधीही त्याचा सखोल अभ्यास करू शकता आणि स्वतःसाठी अधिक उपयुक्त माहिती मिळवू शकता.
तुम्हाला ते आवडो किंवा न आवडो, लवकरच किंवा नंतर तुम्हाला तुमच्यामध्ये यावे लागेल वर्डप्रेस फाइल्सआणि तुमच्या गरजेनुसार ते संपादित करा. प्रोग्रामरला आकर्षित करण्याचा पर्याय देखील आहे, परंतु अशा प्रत्येक विनंतीसाठी आपल्याला पैसे द्यावे लागतील, बहुतेक प्रकरणांमध्ये यासाठी योग्य पैसे साधे कामथोडा वेळ घेत आहे. तुमचे पैसे वाचवण्यासाठी, जे तुमच्या साइटचा प्रचार करण्यासाठी खर्च केले जाऊ शकतात, आणि प्रोग्रामरवर नाही, मी तुम्हाला प्लगइन किंवा थीम फाइल्समधील कोडचे आवश्यक विभाग कसे शोधायचे ते शिकवेन.
तुम्हाला php, CSS, html फाइल्समध्ये द्रुत शोध का आवश्यक आहे?
तुमच्यापैकी बहुतेकांना, या लेखाकडे वळल्यानंतर, त्यांना अशा फंक्शनची आवश्यकता का आहे हे आधीच माहित आहे, एकाच वेळी सर्व फायली शोधत आहात, परंतु जर तुम्ही चुकून कोर्टात प्रवेश केला असेल तर मी तुम्हाला या विषयाशी जुळणारी ठराविक उदाहरणे देईन.
आपल्याला कदाचित शोधण्याची आवश्यकता असू शकते:
- वर्ग. जेव्हा तुम्ही वर्ग निश्चित करायचे किंवा ते वेगळ्या पद्धतीने कॉन्फिगर करायचे ठरवता, तेव्हा तुम्हाला ते वापरलेले ठिकाण शोधावे लागेल. काहीतरी असेल CSS फाइल्सकिंवा इतर कोणतेही.
- संपादन कार्ये. आपण फंक्शनचे निराकरण करण्याचे ठरविल्यास, आपण ते फंक्शन फायलींमध्ये शोधू शकता हे चांगले आहे, परंतु नंतर आपल्याला ते इतर फायलींमध्ये कोठे कॉल केले जाईल हे देखील निर्धारित करावे लागेल.
- पासून थीम साफ करत आहे. डेटाबेसमधील क्वेरींची संख्या कमी करणे हे महत्त्वाचे नाही, जे वर्डप्रेस तयार करते मोठ्या संख्येने, उदाहरणार्थ, अंगभूत फंक्शन्स कॉल करून .
अज्ञात फाईलमधील घटक शोधण्याशी संबंधित इतर कोणतीही समस्या खाली सादर केलेल्या मार्गदर्शकाद्वारे सोडवली जाईल.
फायलींमध्ये कोड विभाग कसे शोधायचे?
प्रारंभ करण्यासाठी आम्हाला द्रुत आणि उपयुक्त डाउनलोड आणि स्थापित करणे आवश्यक आहे नोटपॅड संपादक++ जे या लिंकवरून डाउनलोड केले जाऊ शकते.
स्थापनेनंतर, संपादकावर जा आणि आम्हाला आवश्यक असलेल्या फाईल्स उघडा, मी वीस चौदा थीम फाइल्स घेईन, तुम्ही तुमच्या वापरू शकता.
सर्व थीम फाइल्स उघडण्यासाठी, तुम्हाला त्या सर्व निवडून संपादक विंडोमध्ये ड्रॅग करणे आवश्यक आहे.
फायली हस्तांतरित केल्या गेल्या, सर्वसाधारणपणे आम्ही हे करू शकत नाही, परंतु भविष्यात त्या संपादित करणे अधिक जलद होईल.
एडिटरमध्ये फाइल्स? छान, आता आम्ही की दाबून शोध विंडो कॉल करू Shift + Ctrl + F,आम्ही खालील पाहू:
उदाहरणामध्ये, मी प्रकाशनांमध्ये लेखाच्या लेखकाचे चिन्ह दर्शविण्यासाठी वर्गाचे नाव सूचित केले आहे जे डुप्लिकेट पृष्ठे तयार करतात त्यांच्यासाठी हे आवश्यक असू शकते.
“फोल्डर” फील्डमध्ये, आमच्या फायली ज्या थीममध्ये आहेत त्या फोल्डरला सूचित करा. त्यानंतर, “सर्व शोधा” बटणावर क्लिक करा.
आपण पॅरामीटर योग्यरित्या प्रविष्ट केल्यास, स्क्रीनच्या तळाशी आपल्याला फाईल्सची सूची दिसेल ज्यामध्ये हा वर्ग आणि कोडच्या ओळी वापरल्या गेल्या आहेत, द्रुत शोधासाठी.
माझ्या बाबतीत, या निर्दिष्ट केलेल्या दोन फायली आहेत हिरवापत्ता. वर्ग स्वतः लाल रंगात हायलाइट केला आहे, जो क्षैतिजरित्या स्क्रोल करून शोधला जाऊ शकतो.
फाइल निर्देशिका आणि पॅरामीटर वापरलेल्या ओळीचे निर्धारण केल्यानंतर, आपण संपादनासाठी पुढे जाऊ शकता.
स्पष्टतेसाठी, चला "घातक" टॅग देखील परिभाषित करूया bloginfo, कॉल केल्यावर, डेटाबेसमध्ये क्वेरी तयार केल्या जातात.
या फंक्शनला कॉल्सची संख्या पाहून तुम्हाला कदाचित आश्चर्य वाटेल, जे इंजिन कमी न करता सहजपणे स्थिर केले जाऊ शकते.
आणि तुम्ही टेम्पलेट कोड योग्यरित्या समायोजित केल्यास प्रत्येक वापरकर्त्यासाठी प्रत्येक पृष्ठ लोडवरून डेटाबेसला किमान 8 कॉल टाळता येतील.
आपल्याला काही अडचणी आल्यास, टिप्पण्यांमध्ये लिहा, आम्ही मदत करण्याचा प्रयत्न करू, किंवा आपल्याला अधिक माहिती असल्यास जलद मार्गशोध आवश्यक माहितीफायलींमध्ये, एक नजर टाकण्यात मला आनंद होईल.
