Google Chrome मध्ये HTML स्त्रोत कसा पहायचा

वेबसाइट कशी स्त्रोत कोड पहात आहे ते जाणून घ्या

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

जे लोक वेब डिझाईनमध्ये नवीन आहेत, साइट्सचा स्त्रोत कोड पाहताना काही गोष्टी केल्या गेल्या हे पाहण्यासाठी सर्वात सोपा मार्गांपैकी एक आहे जेणेकरून आपण त्या कामावरून जाणून घेऊ शकता आणि आपल्या स्वतःच्या कामात विशिष्ट कोड किंवा तंत्र वापरणे सुरू करू शकता. आज कोणतेही वेब डिझायनर म्हणून काम करत आहे, विशेषत: ज्या लोकांनी उद्योगाच्या सुरुवातीच्या दिवसांपासून ते आलो आहे आणि ते आपल्याला सांगतात की ते फक्त वेब पृष्ठांचे स्रोत पहात होते जे त्यांना पाहिले आणि चकित झाले द्वारा वेब डिझाईन पुस्तके वाचण्याबरोबर किंवा व्यावसायिक परिषदांमध्ये सहभागी होण्याव्यतिरिक्त, सुरुवातीच्या लोकांसाठी HTML जाणून घेण्यासाठी साइटचा स्त्रोत कोड पाहणे हा एक उत्कृष्ट मार्ग आहे.

फक्त HTML पेक्षा अधिक

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

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

मग आपण एखाद्या वेबसाइटचा स्रोत कोड कसा पहाल? Google Chrome ब्राउझर वापरून असे करण्यासाठी चरण-दर-चरण सूचना.

स्टेप इंस्ट्रक्शनद्वारे स्टेप

1. Google Chrome वेब ब्राउझर उघडा (जर आपल्याकडे Google Chrome स्थापित नसेल तर हे विनामूल्य डाउनलोड आहे).
2. आपण परीक्षण करू इच्छित असलेल्या वेब पृष्ठावर नेव्हिगेट करा.
3. पृष्ठावर उजवे-क्लिक करा आणि दिसत असलेल्या मेनूकडे पहा. त्या मेनूमधून, पहा पेज स्त्रोत क्लिक करा.
4. त्या पृष्ठासाठी स्त्रोत कोड आता ब्राउझरमध्ये एक नवीन टॅब म्हणून दिसेल.
5. वैकल्पिकरित्या, आपण पीसीवरील CTRL + U च्या कीबोर्ड शॉर्टकट देखील वापरू शकता जे उघडलेल्या साइटचा स्रोत कोड असलेल्या विंडो उघडेल. मॅकवर, शॉर्टकट म्हणजे Command + Alt + U.

विकसक साधने

Google Chrome ऑफर केलेल्या साधा दृश्य पृष्ठ स्त्रोत क्षमतेच्या अतिरिक्त, आपण एखाद्या साइटमध्ये आणखी खोलवर जाण्यासाठी त्यांच्या उत्कृष्ट विकसक साधनांचा लाभ घेऊ शकता. या साधनांनी आपल्याला केवळ HTML नव्हे, तर त्या HTML दस्तऐवजातील घटक पाहण्यासाठी लागणारे CSS देखील पाहू शकाल.

Chrome चे विकसक साधने वापरण्यासाठी:

1. Google Chrome उघडा
2. आपण परीक्षण करू इच्छित असलेल्या वेब पृष्ठावर नेव्हिगेट करा.
3. ब्राउझर विंडोच्या वरील उजव्या कोपर्यात तीन ओळी असलेल्या आयकॉनवर क्लिक करा.
4. मेनूमधून, अधिक साधने फिरवा आणि त्यानंतर दिसणार्या मेनूमधील विकसक साधने क्लिक करा.
5. हे विंडो उघडेल जो उपखंडाच्या डावीकडील HTML स्त्रोत कोड आणि उजवीकडील संबंधित सीएसएस दर्शविते.
6. वैकल्पिकरित्या, आपण एखाद्या वेब पृष्ठावरील घटक वर राइट क्लिक केल्यास आणि दिसणार्या मेनूमधून Inspect निवडा, Chrome चे विकसक साधने पॉप अप होतील आणि आपण निवडलेला तंतोतंत घटक HTML मध्ये उजवीकडील दर्शविलेल्या CSS सह प्रकाशित केले जातील. साइटच्या एक विशिष्ट तुकडा कसा बनवला गेला याबद्दल आपण अधिक जाणून घेऊ इच्छित असल्यास हे उपयुक्त आहे.

पहा स्रोत कोड कायदेशीर आहे?

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

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

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