यह यह एक बहुत जल्दी वीडियो होने जा रहा है।
मैं सिर्फ डेवलपर टूल गूगल क्रोम हमें बाहर की प्रत्येक टीम के साथ काम करने और आकलन देखने के लिए देता है कि से कुछ को उजागर करना चाहते हैं।
इसलिए इस सूची करने के लिए है कि हम पिछले वीडियो में की गई है।
यह अभी भी रूप में बदसूरत के रूप में यह तब था और मैं सिर्फ दो बातें उजागर करना चाहते है।
तो पहले हम वास्तव में पृष्ठ स्रोत जैसे हम अन्य लोगों पर किया था देख सकते हैं।
प्रत्येक इस कोर्स में जिस तरह जल्दी पर बाहर आया था लेकिन वह सब है कि उपयोगी नहीं है।
हम वास्तव में लेकिन हम क्या कर सकते है ठीक क्लिक करें इस या कुछ भी बदलने के लिए और निरीक्षण तत्व पर क्लिक नहीं कर सकते हैं।
और क्या यह करना होगा तत्व निरीक्षक प्रक्षेपण है।
तो आप हम यहाँ इस नए विचार मिल देखेंगे।
तो वहाँ टैब हम समय में इन सब के बारे में जानने के लिए जा रहे हैं की एक गुच्छा है।
अभी के लिए हम सिर्फ इस तत्व के टैब पर शुरू कर रहे हैं।
तो यह क्या है यह यह वास्तव में तत्वों के सभी का एक अच्छा इंटरैक्टिव प्रतिनिधित्व है।
तो आप देख सकते हैं कि हम अपने doctype है।
प्रत्येक टीम में शरीर के सिर होगा।
या प्रत्येक एक या एक से हमें और हमारे सहयोगियों के रूप में अच्छी तरह से जानकारी और पहली बात मैं आपको नोटिस करना चाहते हैं के रूप में मैं इन तत्वों पर जाएँ है।
तो चलो इस एच-1 पर हॉवर करते हैं।
यह वास्तव में यहाँ तक प्रकाश डाला है।
तो मैं यहाँ जाएँ और यह मुझे यहाँ दिखाने के एक है कि आप के बारे में बात कर रहे हैं पर प्रकाश डाला है।
यहाँ उल है या यहाँ इनपुट चेकबॉक्स है।
यहाँ पाठ और इतने पर है।
तो यह अपने आप में उपयोगी है।
बस बातें डिबग और देखते हैं कि अंतरिक्ष एक तत्व ले रही है और जहां यह एक दस्तावेज़ के प्रवाह में पड़ता है करने के लिए।
लेकिन मैं वास्तव में क्या पर ध्यान केंद्रित करना चाहते यहाँ शैलियों टैब पर CSSA टैब है।
तो चलो इन चीजों में से एक का चयन करते हैं।
वर्ग के साथ इस सहयोगी का चयन करते हैं ऊपर या दूसरा एक पूरा किया।
और मैं उस पर क्लिक करने के लिए जा रहा हूँ।
और यहाँ पर मैं वास्तव में शैली है कि इस तत्व यह करने के लिए वर्तमान में लागू किया गया है सभी का एक इंटरैक्टिव दृश्य देख रहा हूँ।
इसलिए हम पूरा वर्ग के माध्यम से यह मक्खी कोड है कि मैं सभी सहयोगी दलों के लिए लिखा था की वजह से इस पाठ सजावट लाइन है की वजह से देखते हैं।
यह एक लाल बॉर्डर और हम क्या कर सकते हैं पर वास्तव में या बंद इन बारी है है।
तो अब मैं लाल सीमाओं के बंद सभी सहयोगी दलों toggled है।
मैं उन्हें वापस चालू कर सकते हैं और मैं यहाँ इस लाइव बदल सकते हैं 6 पिक्सल या 10 या एक पिक्सेल होने के लिए।
मैं रंग पर क्लिक करें और एक नया रंग यह एक नीले रंग की सीमा देना चुन सकते हैं।
एक बात मैं इस हालांकि प्रकाश डाला जाएगा वास्तव में सब पर हमारे फाइल नहीं बदलता है।
यह जैसे ही मैं इस पेज को रिफ्रेश या खिड़की अपने परिवर्तनों को दूर जाने के बंद के रूप में केवल ब्राउज़र में है।
तो यह वास्तव में दो अलग अलग तरीकों से उपयोगी है।
एक बाहर अपने खुद के कोड पर काम अपने खुद के पेज और परीक्षण बातें और देखते हैं कि क्या होता है जब आप रंग बदल सकते हैं या आप सीमा बदलने के लिए या आप उनकी संपत्ति में से कुछ की कुछ अन्य विशेषता बदलने के लिए और सिर्फ नेत्रहीन इसे तुरंत देख रहा है।
दूसरी बात के लिए उपयोगी है कि वास्तव में किसी और के कोड को देख रहा है।
तो मैं MVNO खुला सिर्फ घर पृष्ठ है।
कहते हैं कि मैं यहीं इस पाठ के बारे में कुछ और अधिक जानना चाहता था।
मैं क्या कर सकते हैं वास्तव में सही उस पर क्लिक करें और तत्व का निरीक्षण पर क्लिक करें।
और अगर मैं एक तत्व विशेष रूप से यह वास्तव में मेरे लिए प्रकाश डाला जाएगा पर क्लिक करें।
तो आप देख सकते हैं कि यह सही सही टैग जो एक एच 1 साझा ज्ञान है दूर कूद गया।
और फिर वहाँ वहाँ में एक अवधि के रूप में अच्छी तरह से है।
यह खुला वेब के लिए कहते हैं।
तो चलो एच-1 पर एक नजर डालते हैं।
और यहाँ पर मैं शैलियों के सभी मिलता है।
तो पहले एक रंग है।
तो मुझे लगता है कि एच -1 परिवर्तन का रंग है कि बदलते हैं।
तो हम कहते हैं कि मैं फ़ॉन्ट को पता है तो मैं नीचे स्क्रॉल और कुछ बिंदु किसी कि Mazola एक फ़ॉन्ट लागू होता है कि शैलियों लिखा होगा चाहता था।
यहाँ बात है और यह है कि हम अगले कुछ वीडियो में पर ध्यान केंद्रित करने जा रहे हैं कि यह एक और चयनकर्ता से कहीं विरासत में मिला जा सकता है।
तो यह पूरे शरीर को न सिर्फ एच -1 सीधे करने के लिए लागू किया गया है हो सकता है।
तो अगर आप नीचे स्क्रॉल यह लग रहा है कि यह ठीक है यहाँ की तरह।
फ़ॉन्ट परिवार खुले एक बहुत ही वास्तविक अर्थ भेजता प्रकाश और अगर है कि लगता है कि यह करता है की तरह।
तो यह है कि हम वास्तव में फ़ॉन्ट का कर आप को दिखाने के लिए नहीं है।
यही कारण है कि एक अलग वीडियो जल्द ही आ रहा है।
यह सिर्फ तुम्हें दिखाने के लिए है कि अगर आप कहते हैं कि मैं पता करने की तत्व की किस प्रकार यहीं इन बटन रहे हैं चाहता था एक पृष्ठ के बारे में कुछ पता लगाना चाहता था।
आइकन मैं चयन कर सकते हैं आवर्धक कांच जाता है और चीजों पर जाएँ और क्लिक करें और यह मुझे यहीं एक आँख कि दिखाएगा की भूमिका।
तो एक आंख माउस के लिए इस्तेमाल किया एक और टैग है और हम यहाँ पर सभी शैलियों देख सकते हैं।
एक ही बात मैं देखने के लिए क्या तत्व इस बार वे आवर्धक कांच की है और मुझे लगता है कि यह एक लंगर टैग है मैं उस पर क्लिक कर सकते हैं यहाँ है चाहते हैं और ऐसा लग रहा है।
इसलिए यह एक छवि टैग यह एक लंगर टैग मतलब यह होगा कि वे एक पृष्ठभूमि छवि कहीं स्थापित कर रहे हैं और देखते हैं कि जहां है चलो नहीं है।
ये रहा।
वे पृष्ठभूमि छवि स्थापित कर रहे हैं यहीं इस छवि होने के लिए।
तो यह सब संक्षेप में प्रस्तुत करने मैं बस को दिखाना है कि आप गूगल क्रोम में इस Inspektor खोल सकते हैं चाहता था और तुम एचएमओ देख सकते हैं और आप का आकलन और यह न केवल आप देख सकते हैं देख सकते हैं, लेकिन आप यह हेरफेर कर सकते हैं आप इसके साथ बातचीत कर सकते हैं आप चीजें बदल रही कोशिश कर सकते हैं और आप अपनी खुद की साइटों पर ऐसा कर सकते हैं या आप ऐसा कर सकते हैं किसी और की साइट पर।
और इसलिए यह वास्तव में उपयोगी है जब आप बाहर जाने के लिए और किसी की डिजाइन को दोहराने जहां आप प्रभाव में नकल करना चाहते करना चाहते है।
और जब हम जावास्क्रिप्ट को पाने के लिए आप वास्तव में देखते हैं कि हम साथ ही जावास्क्रिप्ट के लिए सटीक एक ही बात कर सकते हैं।