डिवाइस लिंक
क्या आप उत्सुक हैं कि एक वेब पेज क्या बनाता है? जानना चाहते हैं कि अपनी वेबसाइट पर फ़ॉन्ट आकार या रंग कैसे बदलें? किसी वेबपेज का HTML कोड देखकर आप ये सब और बहुत कुछ कर सकते हैं।
इस ट्यूटोरियल में, हम आपको दिखाएंगे कि क्रोम में किसी वेबपेज का HTML कोड कैसे देखें।
क्रोम में एचटीएमएल कोड देखना
HTML में लिखते समय, स्रोत कोड एक वेब पेज की संरचना और सामग्री को परिभाषित करने के लिए उपयोग किए जाने वाले टैग और विशेषताओं की श्रृंखला होती है।
स्रोत कोड को वेब ब्राउज़रों द्वारा पढ़ा जाता है और उस ग्राफिकल वेब पेज में अनुवादित किया जाता है जिसे आप ऑन-स्क्रीन देखते हैं। एक वेब पेज के रूप और स्वरूप को परिभाषित करने के अलावा, स्रोत कोड का उपयोग अन्तरक्रियाशीलता जोड़ने के लिए भी किया जा सकता है, जैसे पॉप-अप विंडो, फॉर्म और ड्रॉप-डाउन मेनू।
जबकि औसत इंटरनेट उपयोगकर्ता को किसी वेब पेज के HTML स्रोत कोड को देखने की आवश्यकता नहीं हो सकती है, ऐसे कई कारण हैं जो कुछ लोग ऐसा करना चाहते हैं।
डेवलपर्स के लिए, स्रोत कोड को देखना यह समझने का एक उपयोगी तरीका हो सकता है कि पृष्ठ कैसे संरचित है और यह निर्धारित करता है कि कौन से स्टाइल और स्क्रिप्टिंग तत्वों का उपयोग किया जा रहा है। डिजाइनरों के लिए, यह देखना फायदेमंद हो सकता है कि प्रभावी लेआउट बनाने के लिए अन्य डिजाइनरों ने HTML का उपयोग कैसे किया है।
कुछ मामलों में, उपयोगकर्ता त्रुटियों के निवारण के लिए स्रोत कोड देखना चाहते हैं या किसी विशेष वेबसाइट या वेब एप्लिकेशन के काम करने के तरीके के बारे में अधिक जानना चाहते हैं। जो भी कारण हो, क्रोम में HTML स्रोत कोड को देखना अपेक्षाकृत सरल प्रक्रिया है।
विंडोज पीसी पर क्रोम में वेबपेज का HTML कोड कैसे देखें
विंडोज ऑपरेटिंग सिस्टम क्रोम के सबसे संगत सिस्टम में से एक है। क्रोम ओपन-सोर्स क्रोमियम प्रोजेक्ट के शीर्ष पर बनाया गया है, जिसमें माइक्रोसॉफ्ट का प्रमुख योगदान है। यह संगतता HTML क्षेत्र तक फैली हुई है, जहाँ लोकप्रिय ब्राउज़र उपयोगकर्ताओं को किसी भी वेबसाइट के HTML कोड को देखने की अनुमति देता है।
आप HTML कोड को दो तरह से देख सकते हैं।
पृष्ठ स्रोत देखें का उपयोग करना
यह तरीका सीधा है:
स्रोत कोड नए टैब में दिखाई देगा, और आप उस पृष्ठ के HTML मार्कअप को देखने के लिए स्क्रॉल कर सकते हैं।
डेवलपर टूल का उपयोग करना
Google क्रोम में डेवलपर टूल्स का उपयोग कर वेब पेज के स्रोत कोड का निरीक्षण करने के लिए, नीचे दिए गए चरणों का पालन करें।
ध्यान रखें कि यह तरीका HTML पेजों के लिए सबसे अच्छा है; अन्य प्रकार के वेब पेजों के स्रोत कोड को देखना संभव है, लेकिन स्वरूपण को पढ़ना अधिक चुनौतीपूर्ण हो सकता है।
मैक पर क्रोम में वेबपेज का HTML कोड कैसे देखें
यदि आप एक वेब डेवलपर हैं, तो वेबपेज के HTML कोड को देखने में सक्षम होना महत्वपूर्ण है। इससे आप देख सकते हैं कि पृष्ठ की संरचना कैसी है और आने वाली किसी भी समस्या का निवारण कर सकते हैं। सौभाग्य से, मैक पर क्रोम में करना आसान है। बस इन चरणों का पालन करें:
वैकल्पिक रूप से, आप स्रोत कोड देखने के लिए क्रोम डेवलपर टूल का उपयोग कर सकते हैं।
बस कुछ ही क्लिक के साथ, आप Mac पर Chrome में किसी भी वेबपृष्ठ का HTML कोड आसानी से देख सकते हैं। यह तब मददगार हो सकता है जब आप वेब डेवलपमेंट की समस्याओं का निवारण करने की कोशिश कर रहे हों या किसी विशेष वेबसाइट के निर्माण के तरीके पर करीब से नज़र डालना चाहते हों।
IPhone ऐप पर क्रोम में वेबपेज का HTML कोड कैसे देखें
यदि आप iPhone का उपयोग कर रहे हैं, तो आप Chrome में किसी भी पृष्ठ का HTML कोड दो तरह से देख सकते हैं:
URL को ट्वीक करना
आप URL में एक छोटा सा समायोजन करके किसी भी पृष्ठ का HTML कोड आसानी से देख सकते हैं:
डेवलपर टूल का उपयोग करना
क्रोम डेवलपर टूल्स आईओएस पर भी उपलब्ध हैं, लेकिन पीसी की तुलना में इसे लॉन्च करने के लिए चरणों का एक अलग सेट आवश्यक है।
एंड्रॉइड ऐप पर क्रोम में किसी वेबपेज के HTML कोड को कैसे देखें
अपने Android फ़ोन पर Chrome ऐप का उपयोग करते समय, हो सकता है कि आप किसी वेबपृष्ठ के लिए HTML कोड देखना चाहें. यदि आप पृष्ठ के साथ किसी समस्या का निवारण करने का प्रयास कर रहे हैं या यह देखना चाहते हैं कि पृष्ठ की संरचना कैसी है, तो यह मददगार हो सकता है. अपने Android फ़ोन पर Chrome में किसी वेबपृष्ठ का HTML कोड देखने के लिए, इन चरणों का अनुसरण करें:
यह क्रोम के अंतर्निहित डेवलपर टूल इंटरफ़ेस में उस पृष्ठ के लिए HTML कोड खोल देगा। वहां से, आप इच्छानुसार कोड देख और संपादित कर सकते हैं। ध्यान रखें कि यह तरीका तभी काम करेगा जब आप जिस वेबसाइट को देखने की कोशिश कर रहे हैं, वह उसके सोर्स कोड तक पहुंच की अनुमति देती है। यदि ऐसा नहीं होता है, तो आप त्रुटि संदेश के अलावा और कुछ नहीं देख पाएंगे।
आईपैड पर क्रोम में वेबपेज का एचटीएमएल कोड कैसे देखें
आईपैड ऐप पर क्रोम किसी भी वेबपेज के एचटीएमएल कोड को देखना आसान बनाता है। बस इन चरणों का पालन करें:
यह पृष्ठ के स्रोत कोड को क्रोम के भीतर एक नए टैब में लोड करना चाहिए। वहां से, आप आवश्यकतानुसार कोड को सहेज या साझा कर सकते हैं।
स्रोत कोड वह गोंद है जो पृष्ठों को एक साथ रखता है
HTML किसी भी वेबसाइट की नींव होती है। यह वह संरचना और सामग्री प्रदान करता है जो आगंतुक अपने ब्राउज़र में पृष्ठ लोड करते समय देखते हैं।
जबकि किसी पृष्ठ का अंतिम स्वरूप CSS या अन्य स्टाइलिंग भाषाओं द्वारा निर्धारित किया जा सकता है, HTML कोड पृष्ठ की मूल संरचना और सामग्री को निर्धारित करता है। कुछ परिवर्तन संभावित रूप से पृष्ठ को भंग कर सकते हैं। इस कारण से, स्रोत कोड को देखते या उसमें परिवर्तन करते समय HTML की अच्छी समझ होना महत्वपूर्ण है।
साथ ही, ध्यान रखें कि HTML कोड देखना कुछ मामलों में मददगार हो सकता है, लेकिन कोड में किए गए बदलाव लाइव वेबपेज पर दिखाई नहीं देंगे। केवल साइट के व्यवस्थापक द्वारा प्रकाशित परिवर्तन ही आगंतुकों को दिखाई देंगे।
क्या आपने इस ट्यूटोरियल में चर्चा की गई किसी भी विधि का उपयोग करके किसी वेबपेज के HTML कोड को देखने की कोशिश की है? यह कैसे हुआ?
चलो टिप्पड़ियों के अनुभाग से पता करते हैं।
Google पत्रक एक शक्तिशाली सॉफ्टवेयर है जो आपको डेटा को स्प्रेडशीट के रूप में व्यवस्थित करने की अनुमति देता है। आप इसका उपयोग अपने या लोगों के समूह के लिए कार्यों को सेट करने के लिए भी कर सकते हैं। इस तरह के एक समारोह के साथ, किसी प्रकार
शुक्र है कि उपयोगकर्ता द्वारा इसके कारण कुछ किए बिना macOS में गंभीर त्रुटि प्राप्त करना दुर्लभ है। macOS को ज़्यादातर समय ऐसी तुच्छताओं को पीछे छोड़ने के लिए पॉलिश और परिष्कृत किया गया है। यह इसके बिना नहीं है
YouTube वीडियो डाउनलोड करने के कई तरीके हैं, यह इस बात पर निर्भर करता है कि आप कहां से और कहां से डाउनलोड कर रहे हैं। हालांकि, इससे पहले कि हम बताएं कि YouTube वीडियो कैसे डाउनलोड करें, हम सामग्री डाउनलोड करने के कानूनी और नैतिक मुद्दों पर चर्चा करने के लिए बाध्य महसूस करते हैं
जीआईएफ ग्राफिक इंटरचेंज फॉर्मेट फाइलें हैं। इन फ़ाइलों को सोशल मीडिया पर हास्य उपाख्यानों के रूप में उपयोग की जाने वाली एनिमेटेड छवियों के रूप में सबसे व्यापक रूप से जाना जाता है। लेकिन इसके और भी कई उपयोग हैं। अपने मैक पर एक ही गतिहीन वॉलपेपर रख सकते हैं
Google Chrome कई इंटरनेट उपयोगकर्ताओं के लिए और अच्छे कारणों से एक पसंदीदा ब्राउज़र है। यह तेज़, सुरक्षित, विश्वसनीय है और इसे कई प्लेटफार्मों से व्यापक समर्थन प्राप्त है। हालांकि एक चेतावनी है। आपके पास एक सक्रिय इंटरनेट कनेक्शन होना चाहिए
स्नैपचैट के कई उपयोगकर्ताओं ने शिकायत की है कि ध्वनि उनके ऐप पर काम नहीं कर रही है। उदाहरण के लिए, वे स्नैप वीडियो या स्नैपचैट कहानी चला सकते हैं और कोई आवाज नहीं सुन सकते हैं। यह वास्तव में एक बहुत हो गया है
यदि आप HTML, PHP, या JS फ़ाइलों का उपयोग कर रहे हैं, तो हो सकता है कि आप उन्हें अपने ब्राउज़र में Visual Studio कोड से खोलना चाहें। हालाँकि, ऐसा करने के लिए कोई एकीकृत विकल्प नहीं है। यह निराशाजनक हो सकता है, खासकर यदि आप चाहें
जीआईएमपी या जीएनयू इमेज मैनीपुलेशन प्रोग्राम इलस्ट्रेशन या इमेज के कुछ हिस्सों को चुनने के लिए कई टूल प्रदान करता है, जैसे कि लासो, एलिप्से और रेक्टेंगल। मेम्स बनाते समय या अपने ब्रांड-नए वेब डिज़ाइन पर काम करते समय ये सभी अविश्वसनीय रूप से उपयोगी होते हैं
क्या आप स्नैपचैट पर दोस्तों के समूह के बीच फोटो साझा करने का तरीका ढूंढ रहे हैं? स्नैपचैट का एक शानदार कार्य है जो इसके उपयोगकर्ताओं को कई मित्रों और परिवार को सहजता से सामग्री भेजने की सुविधा देता है। बनाकर ऐसा कर सकते हैं
हाल ही में, स्नैपचैट ने लोकप्रिय सोशल मीडिया प्लेटफॉर्म के एक वेब संस्करण की घोषणा की, जिससे आपके मित्रों और परिवार के संपर्क में रहना आसान हो गया। स्नैपचैट यूजर्स अब इस ऐप को अपने पीसी पर कुछ ही मिनटों में एक्सेस कर सकते हैं
लगभग हर कोई जो कंप्यूटर का उपयोग करता है वह माउस और कीबोर्ड के साथ ऐसा करता है, लेकिन कई बार ऐसा होता है जब पूर्व उपकरण खराब हो जाता है। माउस लैग तब होता है जब कर्सर धीरे-धीरे चलता है, जिसके परिणामस्वरूप प्रतिक्रिया और क्रिया में देरी होती है, और नहीं होती है
हम में से कुछ लोगों के लिए, जब भी हम कार से यात्रा करते हैं, टोल वाली सड़कों से बचना हमेशा अधिक वांछनीय होता है। और अगर आप सबसे तेज़ मार्ग का उपयोग करके और टोल से बचते हुए पैसा और समय बचाना चाहते हैं, तो Google मानचित्र एक बेहतरीन नेविगेशन है
हाल के दिनों में ज़ोम्स की लोकप्रियता में वृद्धि के साथ, वीडियो में भी वृद्धि हुई है, जो ऐप के अनम्यूट रहने पर अक्सर प्रफुल्लित करने वाले परिणाम दिखाते हैं। हालाँकि, जिन लोगों ने कुछ परिहास का अनुभव किया है, वे हो सकते हैं
परिपत्र संदर्भ काफी पेचीदा हो सकते हैं, इसलिए यह जानना महत्वपूर्ण है कि उन्हें कैसे खोजा जाए। एक्सेल में एक अंतर्निहित तंत्र है जो परिपत्र संदर्भों का पता लगा सकता है और गणनाओं को अंतहीन लूप में जाने से रोक सकता है। आप बस
डाउनलोड समस्याएँ अक्सर होती हैं और कई अलग-अलग आकार ले सकती हैं। आमतौर पर, यह त्रुटि संदेश डाउनलोड के बीच में दिखाई देता है। कभी-कभी, यह आपके द्वारा दबाए जाने के तुरंत बाद दिखाई देता है
