গুগল ক্রোমে এইচটিএমএল সোর্স কিভাবে দেখবেন

কি জানতে হবে

• ওয়েব পৃষ্ঠায় ডান ক্লিক করুন এবং নির্বাচন করুন পৃষ্ঠার উৎস দেখুন .
• শর্টকাট: টিপুন Ctrl + ভিতরে (উইন্ডোজ পিসি) বা আদেশ + অপশন + ভিতরে (ম্যাক).
• Chrome এর বিকাশকারী সরঞ্জামগুলি ব্যবহার করতে, নির্বাচন করুন৷ তালিকা (তিনটি বিন্দু) > আরও সরঞ্জাম > ডেভেলপার টুলস .

এই নিবন্ধটি ব্যাখ্যা করে যে কীভাবে গুগল ক্রোম ওয়েব ব্রাউজারে একটি ওয়েবসাইটের এইচটিএমএল সোর্স কোড অ্যাক্সেস করতে হয়, সেইসাথে Chrome এর বিকাশকারী সরঞ্জামগুলি অ্যাক্সেস এবং ব্যবহার করতে হয়৷ একটি সাইটের সোর্স কোড দেখা নতুনদের জন্য HTML শেখার একটি চমৎকার উপায়।

ক্রোমে সোর্স কোড দেখুন

তাহলে আপনি কিভাবে একটি ওয়েবসাইটের সোর্স কোড দেখবেন? Google Chrome ব্রাউজার ব্যবহার করে এটি করার জন্য এখানে ধাপে ধাপে নির্দেশাবলী রয়েছে।

1. খোলা গুগল ক্রোম ওয়েব ব্রাউজার (যদি আপনার না থাকে Google Chrome ইনস্টল করা হয়েছে , ইহা একটি বিনামূল্যে ডাউনলোড).

2. নেভিগেট করুন ওয়েব পেজ আপনি পরীক্ষা করতে চান .

3. সঠিক পছন্দ পৃষ্ঠা এবং প্রদর্শিত মেনু দেখুন। যে মেনু থেকে, ক্লিক করুন পৃষ্ঠার উৎস দেখুন .

   

4. সেই পৃষ্ঠার সোর্স কোডটি এখন ব্রাউজারে একটি নতুন ট্যাব হিসাবে উপস্থিত হবে।

5. বিকল্পভাবে, আপনি এর কীবোর্ড শর্টকাটগুলিও ব্যবহার করতে পারেন Ctrl + ভিতরে একটি সাইটের সোর্স কোড প্রদর্শিত সহ একটি উইন্ডো খুলতে একটি পিসিতে৷ একটি Mac এ, এই শর্টকাট হয় আদেশ + অপশন + ভিতরে .

হিলারি অ্যালিসন / লাইফওয়্যার

অ্যান্ড্রয়েডে কোডি অ্যাপ্লিকেশনটি কীভাবে ব্যবহার করবেন

Chrome এর ডেভেলপার টুল ব্যবহার করুন

সরল ছাড়াওপৃষ্ঠার উৎস দেখুনগুগল ক্রোম যে ক্ষমতা অফার করে, আপনি তাদের দুর্দান্ত সুবিধাও নিতে পারেন ডেভেলপার টুলস একটি সাইটের আরও গভীরে খনন করতে। এই টুলগুলি আপনাকে শুধুমাত্র এইচটিএমএলই নয়, সেই এইচটিএমএল ডকুমেন্টের উপাদানগুলি দেখার জন্য প্রযোজ্য CSSও দেখতে দেবে।

Chrome এর বিকাশকারী সরঞ্জামগুলি ব্যবহার করতে:

1. খোলা গুগল ক্রম .

2. নেভিগেট করুন আপনি যে ওয়েব পৃষ্ঠাটি পরীক্ষা করতে চান .

3. নির্বাচন করুন তিন-বিন্দু মেনু ব্রাউজার উইন্ডোর উপরের-ডান কোণায়।

4. মেনু থেকে, উপর হোভার আরও সরঞ্জাম এবং তারপর নির্বাচন করুন ডেভেলপার টুলস প্রদর্শিত মেনুতে।

   

5. একটি উইন্ডো খুলবে যা ফলকের বাম দিকে HTML সোর্স কোড এবং ডানদিকে সম্পর্কিত CSS দেখাবে।

6. বিকল্পভাবে, যদি আপনি ডান-ক্লিক করেন একটি ওয়েব পৃষ্ঠার একটি উপাদান এবং নির্বাচন করুন পরিদর্শন করুন প্রদর্শিত মেনু থেকে, Chrome এর বিকাশকারী সরঞ্জামগুলি পপ আপ করবে এবং ডানদিকে দেখানো সংশ্লিষ্ট CSS সহ HTML-এ আপনার বেছে নেওয়া নির্দিষ্ট অংশটিকে হাইলাইট করবে। আপনি যদি কোনও সাইটের একটি নির্দিষ্ট অংশ সম্পর্কে আরও জানতে চান তবে এটি অত্যন্ত সহায়ক।

   সাউন্ডক্লাউড থেকে সংগীত ডাউনলোড কিভাবে

সোর্স কোড দেখা কি বৈধ?

বছরের পর বছর ধরে, আমরা অনেক নতুন ওয়েব ডিজাইনারদের প্রশ্ন করেছি যে এটি একটি সাইটের সোর্স কোড দেখা এবং তাদের শিক্ষার জন্য এবং শেষ পর্যন্ত তারা যে কাজের জন্য ব্যবহার করে তা গ্রহণযোগ্য কিনা। একটি সাইটের কোড পাইকারিভাবে অনুলিপি করা এবং একটি ওয়েবসাইটে আপনার নিজের হিসাবে এটি পাস করা অবশ্যই গ্রহণযোগ্য নয়, একটি স্প্রিংবোর্ড হিসাবে সেই কোডটি ব্যবহার করে শেখার জন্য প্রকৃতপক্ষে এই শিল্পে কতটা অগ্রগতি হয়েছে।

যেমনটি আমরা এই নিবন্ধের শুরুতে উল্লেখ করেছি, আপনি আজ একজন কর্মরত ওয়েব পেশাদার খুঁজে পেতে কষ্ট পাবেন যিনি একটি সাইটের উত্স দেখে কিছু শিখেননি! হ্যাঁ, একটি সাইটের সোর্স কোড দেখা বৈধ। অনুরূপ কিছু তৈরি করার জন্য একটি সংস্থান হিসাবে সেই কোডটি ব্যবহার করাও নিরাপদ। কোডটি যেমন আছে তেমন নেওয়া এবং আপনার কাজ হিসাবে এটি পাস করা যেখানে আপনি সমস্যার সম্মুখীন হতে শুরু করেন।

শেষ পর্যন্ত, ওয়েব পেশাদাররা একে অপরের কাছ থেকে শেখে এবং প্রায়শই তারা যে কাজ দেখে এবং অনুপ্রাণিত হয় তাতে উন্নতি করে, তাই একটি সাইটের সোর্স কোড দেখতে এবং এটিকে শেখার সরঞ্জাম হিসাবে ব্যবহার করতে দ্বিধা করবেন না।

শুধু HTML এর চেয়েও বেশি

একটি জিনিস মনে রাখবেন যে সোর্স ফাইলগুলি খুব জটিল হতে পারে (এবং আপনি যত বেশি জটিল ওয়েবসাইট দেখছেন, সেই সাইটের কোড তত বেশি জটিল)। পৃষ্ঠাটি তৈরি করা HTML কাঠামোর পাশাপাশি, সেখানে CSS (ক্যাসকেডিং স্টাইল শীট)ও থাকবে যা সেই সাইটের ভিজ্যুয়াল চেহারা নির্দেশ করে। উপরন্তু, অনেক ওয়েবসাইট আজ HTML সহ স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করবে।

একাধিক স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত থাকার সম্ভাবনা আছে; প্রকৃতপক্ষে, প্রতিটি সাইটের বিভিন্ন দিককে শক্তিশালী করে। সত্যি বলতে, একটি সাইটের সোর্স কোড অপ্রতিরোধ্য বলে মনে হতে পারে, বিশেষ করে যদি আপনি এটি করার জন্য নতুন হন। আপনি অবিলম্বে সেই সাইটের সাথে কি ঘটছে তা বের করতে না পারলে হতাশ হবেন না। HTML উৎস দেখা এই প্রক্রিয়ার প্রথম ধাপ। সামান্য অভিজ্ঞতার সাথে, আপনি আরও ভালভাবে বুঝতে শুরু করবেন যে আপনি আপনার ব্রাউজারে যে ওয়েবসাইটটি দেখছেন তা তৈরি করতে এই সমস্ত টুকরোগুলি একসাথে কীভাবে ফিট করে। আপনি কোডের সাথে আরও পরিচিত হওয়ার সাথে সাথে আপনি এটি থেকে আরও শিখতে সক্ষম হবেন এবং এটি আপনার কাছে এতটা ভয়ঙ্কর বলে মনে হবে না।

• আমি কিভাবে Chrome এ HTML কোড সম্পাদনা করব?

  চেপে ক্রোমে ডেভেলপার টুল খুলুন Ctrl (বা আদেশ একটি ম্যাকে) + শিফট + আমি . সেখান থেকে চাপুন Ctrl ( আদেশ ম্যাকে) + ও এবং আপনি এটি খুলতে সম্পাদনা করতে চান সংরক্ষিত উৎস ফাইল নির্বাচন করুন.

  বাষ্প ডাউনলোডগুলি কীভাবে দ্রুত করা যায়

• ভিউ সোর্স অক্ষম থাকলে আমি কীভাবে ক্রোমে পৃষ্ঠার উত্স কোড দেখতে পারি?

  যদি একটি ওয়েবসাইট ভিউ সোর্স বিকল্পটি নিষ্ক্রিয় করে থাকে, তাহলে আপনি এখনও হুডের নীচে একটি নজর দেখতে সক্ষম হতে পারেন। ব্রাউজার উইন্ডোর উপরে থেকে নির্বাচন করুন দেখুন > বিকাশকারী > উৎস দেখুন , যা ওয়েবপেজের সোর্স কোডটি টেনে আনতে হবে।

• আমি কীভাবে আমার অ্যান্ড্রয়েড ডিভাইস ব্যবহার করে ক্রোমে একটি সাইটের সোর্স কোড দেখতে পারি?

  আপনার ডিভাইসের Chrome অ্যাপ ব্যবহার করে আপনি যে ওয়েবসাইটটি দেখতে চান সেখানে নেভিগেট করুন, তারপর ব্রাউজারের ঠিকানা বার নির্বাচন করুন। টেক্সট কার্সারটিকে ইউআরএল-এর সামনে বাম দিকে নিয়ে যান এবং টাইপ করুন উৎস দেখুন , তারপর টিপুন প্রবেশ করুন অথবা নির্বাচন করুন যাওয়া .