Google Chrome में किसी Website का HTML Source Code कैसे देखे?

0

अगर आप Web Industry में नए हो तो आप अपने करियर में अलग अलग Web Pages के HTML Source को कई बार जरुर देखोगे| कई Browsers में आप आसानी से किसी भी Webpage का Source Code देख पाएंगे| हम यहाँ बताएँगे की Google Chrome में किसी Webpage का HTML Source Code का पता कैसे करे| How To View HTML Source Code?

किसी Website का Source Code का पता लगाकर आप उसके काम के बारे में बहुत कुछ सिख सकते है, और उसके बाद कई specific code या techniques को अपने काम में उपयोग कर पाएंगे| जो व्यक्ति HTML सीखना चाहते है वे किसी Website का Source Code का पता लगाकर भी HTML सिख सकते है|

How To View HTML Source Code?

Chrome में किसी Website का Source Code कैसे देखे?

तो सवाल ये है किसी Website के Source Code का पता कैसे करे? यहाँ हम Google Chrome में किसी Website का Source Code के बारे में जानने का Step-by-Step Guide बताने वाले है|

1. Google Chrome web browser को खोले|

2. उस WebPage पर जाए जिसका आप Source Code देखना चाहते है|

3. उस Page पर Right-Click करे, फिर एक Menu आपको दिखेगा| उस Menu में View page source पर Click करे|

view html source code

4. अब Browser के नए Tab में आपको उस Page का Source Code दिखेगा|

5. इसके अलावा आप Keyboard Shortcuts का उपयोग करके भी किसी Website का HTML Source Code को देख सकते है| इसके लिए आपको CTRL + U का उपयोग करना पड़ेगा| अगर आपके पास Mac Computer है तब आपको Command + Option + U Shorcut का उपयोग करना पड़ेगा|

Firefox और Google Chrome का उपयोग हिंदी और अन्य भाषाओं में कैसे करे?

Chrome’s Developer Tools का उपयोग करके किसी Website का Source Code कैसे देखे?

ऊपर हम किसी भी Site के Source Code को देखने का आसान तरीका बताया| यहाँ आप Developer Tool का उपयोग करके किसी Websites के गहराइ तक भी जा सकते है| इस Tool में आप न सिर्फ HTML Code को देख पाएंगे, बल्कि साथ में CSS भी देख पाएंगे| HTML Document के Elements को देखने के लिए CSS का उपयोग होता है|

1. Google Chrome को खोले|

2. उस WebPage पर जाए जिसका आप Source Code देखना चाहते है|

3. Browser के दायीं तरफ ऊपर दिख रहे three-dot menu को Select करे|

4. वहाँ More tools का विकल्प आपको दिखेगा उसपर Click करे, और फिर जो Menu खुलेगा वहां से Developer tools पर Click करे|

view html source code

5. अब एक Window खुलेगा जो HTML source code को बायीं तरफ दिखाएगा और उससे सम्बंधित CSS को दायीं तरफ दिखाएगा|

6. या फिर आप उस WebPage पर Right-Click करे और मेनू में से Inspect के विकल्प पर Click करे| और अगर चाहे तो Keyboard Shortcut Ctrl + Shift + I का भी उपयोग कर सकते है|

क्या किसी Website का Source Code देखना गैरकानूनी है?

कई सारे नए Web Designers के मन में ये सवाल जरुर आता होगा, की क्या किसी Website के Source Code को देखना और उसका उपयोग अपने Education के लिए या फिर अपने काम के लिए करना कानूनी तौर पर सही है| हालाकि किसी Site के पुरे Code को Copy करके अपने Site में लगान कानूनी तौर पर सही नहीं है|

जैसा की हमने इस Article के शुरू में बताया की ऐसा शायद की कोई web professional होगा जिसने किसी दुसरे Site के Source Code से कुछ सिखा न हो| हाँ, किसी Site के Source Code को देखना कानूनी तौर पर सही है, उस Code का उपयोग करके कुछ बनाना भी सुरक्षित है| लेकिन किसी Site का पूरा 100% Code को Copy करके अपने Site में लगाने से आपको परेशानी का सामना करना पड़ सकता है|

Web professionals एक दुसरे से ही सीखते है, और ऐसा करके वे अपने काम में भी सुधार लाते है| तो किसी Site के Source Code को देखकर उससे आप बहुत कुछ सिख सकते है और इसके लिए बिलकुल भी संकोच न करे|