1
00:00:01,440 --> 00:00:03,080
यह यह एक बहुत जल्दी वीडियो होने जा रहा है।

2
00:00:03,090 --> 00:00:09,710
मैं सिर्फ डेवलपर टूल गूगल क्रोम हमें बाहर की प्रत्येक टीम के साथ काम करने और आकलन देखने के लिए देता है कि से कुछ को उजागर करना चाहते हैं।

3
00:00:09,720 --> 00:00:12,260
इसलिए इस सूची करने के लिए है कि हम पिछले वीडियो में की गई है।

4
00:00:12,360 --> 00:00:16,950
यह अभी भी रूप में बदसूरत के रूप में यह तब था और मैं सिर्फ दो बातें उजागर करना चाहते है।

5
00:00:17,130 --> 00:00:23,040
तो पहले हम वास्तव में पृष्ठ स्रोत जैसे हम अन्य लोगों पर किया था देख सकते हैं।

6
00:00:23,040 --> 00:00:28,210
प्रत्येक इस कोर्स में जिस तरह जल्दी पर बाहर आया था लेकिन वह सब है कि उपयोगी नहीं है।

7
00:00:28,230 --> 00:00:37,110
हम वास्तव में लेकिन हम क्या कर सकते है ठीक क्लिक करें इस या कुछ भी बदलने के लिए और निरीक्षण तत्व पर क्लिक नहीं कर सकते हैं।

8
00:00:37,110 --> 00:00:40,170
और क्या यह करना होगा तत्व निरीक्षक प्रक्षेपण है।

9
00:00:40,320 --> 00:00:43,170
तो आप हम यहाँ इस नए विचार मिल देखेंगे।

10
00:00:43,530 --> 00:00:47,080
तो वहाँ टैब हम समय में इन सब के बारे में जानने के लिए जा रहे हैं की एक गुच्छा है।

11
00:00:47,160 --> 00:00:50,270
अभी के लिए हम सिर्फ इस तत्व के टैब पर शुरू कर रहे हैं।

12
00:00:50,370 --> 00:00:56,700
तो यह क्या है यह यह वास्तव में तत्वों के सभी का एक अच्छा इंटरैक्टिव प्रतिनिधित्व है।

13
00:00:56,700 --> 00:00:59,280
तो आप देख सकते हैं कि हम अपने doctype है।

14
00:00:59,370 --> 00:01:03,600
प्रत्येक टीम में शरीर के सिर होगा।

15
00:01:03,840 --> 00:01:13,650
या प्रत्येक एक या एक से हमें और हमारे सहयोगियों के रूप में अच्छी तरह से जानकारी और पहली बात मैं आपको नोटिस करना चाहते हैं के रूप में मैं इन तत्वों पर जाएँ है।

16
00:01:13,710 --> 00:01:15,420
तो चलो इस एच-1 पर हॉवर करते हैं।

17
00:01:15,690 --> 00:01:17,810
यह वास्तव में यहाँ तक प्रकाश डाला है।

18
00:01:18,000 --> 00:01:23,230
तो मैं यहाँ जाएँ और यह मुझे यहाँ दिखाने के एक है कि आप के बारे में बात कर रहे हैं पर प्रकाश डाला है।

19
00:01:23,260 --> 00:01:27,960
यहाँ उल है या यहाँ इनपुट चेकबॉक्स है।

20
00:01:28,290 --> 00:01:30,020
यहाँ पाठ और इतने पर है।

21
00:01:30,120 --> 00:01:32,790
तो यह अपने आप में उपयोगी है।

22
00:01:32,790 --> 00:01:39,100
बस बातें डिबग और देखते हैं कि अंतरिक्ष एक तत्व ले रही है और जहां यह एक दस्तावेज़ के प्रवाह में पड़ता है करने के लिए।

23
00:01:39,360 --> 00:01:44,140
लेकिन मैं वास्तव में क्या पर ध्यान केंद्रित करना चाहते यहाँ शैलियों टैब पर CSSA टैब है।

24
00:01:44,190 --> 00:01:45,890
तो चलो इन चीजों में से एक का चयन करते हैं।

25
00:01:46,080 --> 00:01:51,600
वर्ग के साथ इस सहयोगी का चयन करते हैं ऊपर या दूसरा एक पूरा किया।

26
00:01:51,810 --> 00:01:53,000
और मैं उस पर क्लिक करने के लिए जा रहा हूँ।

27
00:01:53,160 --> 00:02:01,700
और यहाँ पर मैं वास्तव में शैली है कि इस तत्व यह करने के लिए वर्तमान में लागू किया गया है सभी का एक इंटरैक्टिव दृश्य देख रहा हूँ।

28
00:02:02,070 --> 00:02:12,540
इसलिए हम पूरा वर्ग के माध्यम से यह मक्खी कोड है कि मैं सभी सहयोगी दलों के लिए लिखा था की वजह से इस पाठ सजावट लाइन है की वजह से देखते हैं।

29
00:02:12,540 --> 00:02:16,500
यह एक लाल बॉर्डर और हम क्या कर सकते हैं पर वास्तव में या बंद इन बारी है है।

30
00:02:16,920 --> 00:02:21,360
तो अब मैं लाल सीमाओं के बंद सभी सहयोगी दलों toggled है।

31
00:02:21,390 --> 00:02:29,800
मैं उन्हें वापस चालू कर सकते हैं और मैं यहाँ इस लाइव बदल सकते हैं 6 पिक्सल या 10 या एक पिक्सेल होने के लिए।

32
00:02:30,210 --> 00:02:35,050
मैं रंग पर क्लिक करें और एक नया रंग यह एक नीले रंग की सीमा देना चुन सकते हैं।

33
00:02:35,100 --> 00:02:38,900
एक बात मैं इस हालांकि प्रकाश डाला जाएगा वास्तव में सब पर हमारे फाइल नहीं बदलता है।

34
00:02:38,910 --> 00:02:44,360
यह जैसे ही मैं इस पेज को रिफ्रेश या खिड़की अपने परिवर्तनों को दूर जाने के बंद के रूप में केवल ब्राउज़र में है।

35
00:02:44,370 --> 00:02:47,340
तो यह वास्तव में दो अलग अलग तरीकों से उपयोगी है।

36
00:02:47,340 --> 00:03:01,320
एक बाहर अपने खुद के कोड पर काम अपने खुद के पेज और परीक्षण बातें और देखते हैं कि क्या होता है जब आप रंग बदल सकते हैं या आप सीमा बदलने के लिए या आप उनकी संपत्ति में से कुछ की कुछ अन्य विशेषता बदलने के लिए और सिर्फ नेत्रहीन इसे तुरंत देख रहा है।

37
00:03:01,320 --> 00:03:05,990
दूसरी बात के लिए उपयोगी है कि वास्तव में किसी और के कोड को देख रहा है।

38
00:03:06,150 --> 00:03:09,570
तो मैं MVNO खुला सिर्फ घर पृष्ठ है।

39
00:03:10,200 --> 00:03:14,910
कहते हैं कि मैं यहीं इस पाठ के बारे में कुछ और अधिक जानना चाहता था।

40
00:03:15,270 --> 00:03:20,790
मैं क्या कर सकते हैं वास्तव में सही उस पर क्लिक करें और तत्व का निरीक्षण पर क्लिक करें।

41
00:03:21,360 --> 00:03:25,000
और अगर मैं एक तत्व विशेष रूप से यह वास्तव में मेरे लिए प्रकाश डाला जाएगा पर क्लिक करें।

42
00:03:25,350 --> 00:03:31,670
तो आप देख सकते हैं कि यह सही सही टैग जो एक एच 1 साझा ज्ञान है दूर कूद गया।

43
00:03:31,680 --> 00:03:33,430
और फिर वहाँ वहाँ में एक अवधि के रूप में अच्छी तरह से है।

44
00:03:33,450 --> 00:03:34,920
यह खुला वेब के लिए कहते हैं।

45
00:03:35,240 --> 00:03:37,190
तो चलो एच-1 पर एक नजर डालते हैं।

46
00:03:37,470 --> 00:03:40,530
और यहाँ पर मैं शैलियों के सभी मिलता है।

47
00:03:40,650 --> 00:03:41,980
तो पहले एक रंग है।

48
00:03:42,210 --> 00:03:46,630
तो मुझे लगता है कि एच -1 परिवर्तन का रंग है कि बदलते हैं।

49
00:03:46,890 --> 00:03:57,360
तो हम कहते हैं कि मैं फ़ॉन्ट को पता है तो मैं नीचे स्क्रॉल और कुछ बिंदु किसी कि Mazola एक फ़ॉन्ट लागू होता है कि शैलियों लिखा होगा चाहता था।

50
00:03:57,360 --> 00:04:06,030
यहाँ बात है और यह है कि हम अगले कुछ वीडियो में पर ध्यान केंद्रित करने जा रहे हैं कि यह एक और चयनकर्ता से कहीं विरासत में मिला जा सकता है।

51
00:04:06,030 --> 00:04:11,200
तो यह पूरे शरीर को न सिर्फ एच -1 सीधे करने के लिए लागू किया गया है हो सकता है।

52
00:04:11,250 --> 00:04:13,940
तो अगर आप नीचे स्क्रॉल यह लग रहा है कि यह ठीक है यहाँ की तरह।

53
00:04:13,950 --> 00:04:21,640
फ़ॉन्ट परिवार खुले एक बहुत ही वास्तविक अर्थ भेजता प्रकाश और अगर है कि लगता है कि यह करता है की तरह।

54
00:04:22,560 --> 00:04:25,010
तो यह है कि हम वास्तव में फ़ॉन्ट का कर आप को दिखाने के लिए नहीं है।

55
00:04:25,020 --> 00:04:26,950
यही कारण है कि एक अलग वीडियो जल्द ही आ रहा है।

56
00:04:26,970 --> 00:04:35,810
यह सिर्फ तुम्हें दिखाने के लिए है कि अगर आप कहते हैं कि मैं पता करने की तत्व की किस प्रकार यहीं इन बटन रहे हैं चाहता था एक पृष्ठ के बारे में कुछ पता लगाना चाहता था।

57
00:04:35,900 --> 00:04:47,250
आइकन मैं चयन कर सकते हैं आवर्धक कांच जाता है और चीजों पर जाएँ और क्लिक करें और यह मुझे यहीं एक आँख कि दिखाएगा की भूमिका।

58
00:04:47,340 --> 00:04:52,790
तो एक आंख माउस के लिए इस्तेमाल किया एक और टैग है और हम यहाँ पर सभी शैलियों देख सकते हैं।

59
00:04:52,880 --> 00:05:03,080
एक ही बात मैं देखने के लिए क्या तत्व इस बार वे आवर्धक कांच की है और मुझे लगता है कि यह एक लंगर टैग है मैं उस पर क्लिक कर सकते हैं यहाँ है चाहते हैं और ऐसा लग रहा है।

60
00:05:03,090 --> 00:05:11,190
इसलिए यह एक छवि टैग यह एक लंगर टैग मतलब यह होगा कि वे एक पृष्ठभूमि छवि कहीं स्थापित कर रहे हैं और देखते हैं कि जहां है चलो नहीं है।

61
00:05:11,270 --> 00:05:11,850
ये रहा।

62
00:05:11,850 --> 00:05:14,860
वे पृष्ठभूमि छवि स्थापित कर रहे हैं यहीं इस छवि होने के लिए।

63
00:05:15,090 --> 00:05:33,100
तो यह सब संक्षेप में प्रस्तुत करने मैं बस को दिखाना है कि आप गूगल क्रोम में इस Inspektor खोल सकते हैं चाहता था और तुम एचएमओ देख सकते हैं और आप का आकलन और यह न केवल आप देख सकते हैं देख सकते हैं, लेकिन आप यह हेरफेर कर सकते हैं आप इसके साथ बातचीत कर सकते हैं आप चीजें बदल रही कोशिश कर सकते हैं और आप अपनी खुद की साइटों पर ऐसा कर सकते हैं या आप ऐसा कर सकते हैं किसी और की साइट पर।

64
00:05:33,150 --> 00:05:39,130
और इसलिए यह वास्तव में उपयोगी है जब आप बाहर जाने के लिए और किसी की डिजाइन को दोहराने जहां आप प्रभाव में नकल करना चाहते करना चाहते है।

65
00:05:39,150 --> 00:05:43,670
और जब हम जावास्क्रिप्ट को पाने के लिए आप वास्तव में देखते हैं कि हम साथ ही जावास्क्रिप्ट के लिए सटीक एक ही बात कर सकते हैं।