আপনি যে ওয়েবপৃষ্ঠাটি পড়ছেন সেগুলি অন্যান্য জিনিসগুলির মধ্যে, সোর্স কোডের সাথে গঠিত। এই তথ্যটি আপনার ওয়েব ব্রাউজারটি ডাউনলোড করে এবং আপনি এখন যা পড়ছেন তাতে অনুবাদ করে।
বেশিরভাগ ওয়েব ব্রাউজার কোনও অতিরিক্ত সফটওয়্যার ছাড়াই কোনও ওয়েব পৃষ্ঠার উত্স কোড দেখতে সক্ষম করে, কোনও ডিভাইসের আপনি কোনও ডিভাইসে থাকুক না কেন।
কিছু এমনকি উন্নত কার্যকারিতা এবং কাঠামো অফার করে, এটি পৃষ্ঠাতে এইচটিএমএল এবং অন্যান্য প্রোগ্রামিং কোডকে সহজতর করা সহজ করে তোলে।
কেন আপনি উত্স কোড দেখতে চান?
আপনি পৃষ্ঠাটির সোর্স কোড দেখতে চাইতে পারেন এমন কয়েকটি কারণ রয়েছে। আপনি যদি একজন ওয়েব বিকাশকারী হন, সম্ভবত আপনি অন্য প্রোগ্রামারের নির্দিষ্ট শৈলী বা বাস্তবায়নে কভারের অধীনে একটি চটকা নিতে চান। সম্ভবত আপনি গুণমানের আশ্বাসে আছেন এবং এটি নিশ্চিত করার চেষ্টা করছেন কেন ওয়েব পৃষ্ঠাটির একটি নির্দিষ্ট অংশটি এমনভাবে উপস্থাপিত হচ্ছে বা আচরণ করছে।
আপনি নিজের পৃষ্ঠাগুলি কীভাবে কোড করবেন এবং কিছু বাস্তব-বিশ্ব উদাহরণের সন্ধান করছেন তা শিখতে আপনি একজন শিক্ষিকা হতে পারেন। অবশ্যই, এটি সম্ভব যে আপনি এই বিভাগগুলির মধ্যে পড়ে না এবং নিছক কৌতূহল থেকে উত্স দেখতে চান।
আপনার পছন্দসই ব্রাউজারে উত্স কোডটি কীভাবে দেখতে হয় তার নির্দেশাবলী নীচে দেওয়া হয়েছে।
গুগল ক্রম
চলমান: ক্রোম ওএস, লিনাক্স, ম্যাকোএস, উইন্ডোজ
ক্রোমের ডেস্কটপ সংস্করণটি একটি পৃষ্ঠার উত্স কোড দেখার জন্য তিনটি ভিন্ন পদ্ধতি প্রস্তাব করে, নীচের এবং সর্বাপেক্ষা নীচের কীবোর্ড শর্টকাটটি ব্যবহার করে: CTRL + ইউ (COMMAND + বিকল্প + ইউ MacOS উপর)।
যখন চাপানো হয়, এই শর্টকাটটি একটি নতুন ব্রাউজার ট্যাব খোলা হয় যা এইচটিএমএল এবং সক্রিয় পৃষ্ঠাটির জন্য অন্য কোড প্রদর্শন করে। এই উত্সটি হল রঙ কোডেড এবং এমনভাবে সাজানো যা এটিকে সহজ করে তুলতে এবং যা খুঁজছেন তা খুঁজে পেতে সহজ করে। এছাড়াও আপনি Chrome এর ঠিকানা দণ্ডে নিম্নলিখিত পাঠ্যটি প্রবেশ করে ওয়েব পৃষ্ঠার URL- এর বাম দিকে যুক্ত করতে এবং নির্বাচন করতে পারেন। প্রবেশ করান চাবি: উৎস দেখুন: (যেমন, ভিউ-উত্স: https: //www.Go-Travels.com)।
তৃতীয় পদ্ধতি হল Chrome এর বিকাশকারী সরঞ্জামগুলির মাধ্যমে, যা আপনাকে পৃষ্ঠার কোডে গভীর ডুব দিতে এবং এটি পরীক্ষার জন্য এবং বিকাশের উদ্দেশ্যে এটিতে ফ্লাই-টিকে টাওয়ার করার অনুমতি দেয়। বিকাশকারীর সরঞ্জাম ইন্টারফেসটি এই কীবোর্ড শর্টকাটটি ব্যবহার করে খোলা এবং বন্ধ করা যেতে পারে: CTRL + SHIFT + আমি (COMMAND + বিকল্প + আমি MacOS উপর)। আপনি নিম্নলিখিত পথ গ্রহণ করে তাদের লঞ্চ করতে পারেন।
-
উপরের ডান দিকের কোণায় অবস্থিত ক্রোমের প্রধান মেনু বোতাম নির্বাচন করুন এবং তিনটি উল্লম্বভাবে-সংলগ্ন বিন্দু দ্বারা প্রতিনিধিত্ব করে।
-
যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, তখন আপনার মাউস কার্সারটি উপরে রাখুন আরো সরঞ্জাম বিকল্প।
-
যখন সাব-মেনু প্রদর্শিত হবে, নির্বাচন করুন ডেভেলপার টুলস.
অ্যান্ড্রয়েড
Android এর জন্য Chrome এ ওয়েবপৃষ্ঠার উত্সটি দেখতে নিম্নলিখিত পাঠ্যটিকে তার ঠিকানা (বা URL) এর সামনে যুক্ত করা এবং এটি জমা দেওয়ার মতো সহজ: উৎস দেখুন:। এই একটি উদাহরণ হতে হবে দৃশ্য সোর্স: HTTPS: //www.Go-Travels.com । প্রশ্নে পৃষ্ঠা থেকে এইচটিএমএল এবং অন্যান্য কোড সক্রিয় উইন্ডোতে অবিলম্বে প্রদর্শিত হবে।
আইওএস
আপনার আইপ্যাড, আইফোন বা আইপড স্পর্শে ক্রোম ব্যবহার করে কোনও সোর্স কোড দেখার জন্য কোনও স্থানীয় পদ্ধতি নেই তবে, সহজতর এবং সর্বাধিক কার্যকর একটি তৃতীয়-পক্ষের সমাধান যেমন ভিউ উত্স অ্যাপ্লিকেশন ব্যবহার করা।
অ্যাপ স্টোরে 0.99 ডলারের জন্য উপলভ্য, ভিউ উত্স আপনাকে পৃষ্ঠাটির URL এ প্রবেশ করতে অনুরোধ করে (অথবা Chrome এর ঠিকানা বার থেকে এটি অনুলিপি / আটকান, যা কখনও কখনও সরানোর সবচেয়ে সরল পথ) এবং এটিই এটি। এইচটিএমএল এবং অন্যান্য সোর্স কোড দেখানোর পাশাপাশি অ্যাপটিতে ট্যাব রয়েছে যা পৃথক পৃষ্ঠার সম্পদ, ডকুমেন্ট অবজেক্ট মডেল (DOM), পাশাপাশি পৃষ্ঠার আকার, কুকিজ এবং অন্যান্য আকর্ষণীয় বিবরণ প্রদর্শন করে।
মাইক্রোসফ্ট এজ
চলমান: উইন্ডোজ
এজ ব্রাউজারটি আপনাকে তার বিকাশকারী সরঞ্জাম ইন্টারফেসের মাধ্যমে বর্তমান পৃষ্ঠার উত্স কোডটি দেখতে, বিশ্লেষণ করতে এবং এমনকি ম্যানিপুলেট করতে দেয়। এই সহজ টুলস অ্যাক্সেস করতে আপনি এই কীবোর্ড শর্টকাটগুলির একটি ব্যবহার করতে পারেন: F12 চেপে অথবা CTRL + ইউ। আপনি যদি মাউসের পরিবর্তে পছন্দ করেন তবে এজের মেনু বাটনে ক্লিক করুন (উপরের ডান দিকের কোণায় অবস্থিত তিনটি বিন্দু) এবং নির্বাচন করুন F12 বিকাশকারী সরঞ্জাম তালিকা থেকে বিকল্প।
ডিভ সরঞ্জামগুলি প্রথমবারের মতো চালানোর পরে, এজ ব্রাউজারের প্রসঙ্গ মেনুতে দুটি অতিরিক্ত বিকল্প যোগ করে (একটি ওয়েব পৃষ্ঠায় যেকোন জায়গায় ডান ক্লিক করে অ্যাক্সেসযোগ্য): উপাদান পরিদর্শন এবং উৎস দেখুন, পরের যা খোলা ডিবাগার ডিভোর্স ইন্টারফেসের অংশটি উৎস কোডের সাথে জনবহুল।
মোজিলা ফায়ারফক্স
চলমান: লিনাক্স, ম্যাকোএস, উইন্ডোজ
ফায়ারফক্সের ডেস্কটপ ভার্সনে একটি পৃষ্ঠার সোর্স কোড দেখতে আপনি টিপতে পারেন CTRL + ইউ (COMMAND + ইউ MacOS এ) আপনার কীবোর্ডে একটি নতুন ট্যাব খুলবে যা HTML এবং অন্যান্য ওয়েব কোড সক্রিয় ওয়েব পৃষ্ঠার জন্য খুলবে।
ফায়ারফক্সের অ্যাড্রেস বারে নিচের লেখাটি সরাসরি পৃষ্ঠার URL এর বাম দিকে টিপুন, পরিবর্তে বর্তমান ট্যাবে একই উত্স দেখা দেবে: উৎস দেখুন: ( যেমন, ভিউ-উত্স: https: //www.dotdash.com ).
একটি পৃষ্ঠার উত্স কোড অ্যাক্সেস করার আরেকটি উপায় ফায়ারফক্সের বিকাশকারী সরঞ্জামগুলির মাধ্যমে, নিম্নলিখিত পদক্ষেপগুলি গ্রহণ করে অ্যাক্সেসযোগ্য।
-
আপনার ব্রাউজার উইন্ডোর উপরের ডান দিকের কোণায় অবস্থিত প্রধান মেনু বোতাম নির্বাচন করুন এবং তিনটি অনুভূমিক রেখা দ্বারা প্রতিনিধিত্ব করে।
-
যখন পপ আউট মেনু প্রদর্শিত হবে, ক্লিক করুন বিকাশকারী "রেঞ্চ" আইকন।
-
ওয়েব বিকাশকারী প্রসঙ্গ মেনু এখন দৃশ্যমান হওয়া উচিত। নির্বাচন করুন পাতার উৎস বিকল্প।
ফায়ারফক্স আপনাকে পৃষ্ঠার একটি নির্দিষ্ট অংশের জন্য সোর্স কোড দেখতে দেয়, যা সমস্যার সমাধান করা সহজ করে তোলে। এটি করার জন্য, আপনার মাউসের সাথে আগ্রহী এমন এলাকাকে প্রথমে হাইলাইট করুন। পরবর্তী, ডান ক্লিক করুন এবং নির্বাচন করুন নির্বাচন উৎস দেখুন ব্রাউজার এর প্রসঙ্গ মেনু থেকে।
অ্যান্ড্রয়েড
ফায়ারফক্সের অ্যান্ড্রয়েড সংস্করণে সোর্স কোডটি ওয়েব পেজের URL টি নিম্নোক্ত পাঠ্য সহ উপসর্গ করে অর্জনযোগ্য। উৎস দেখুন:। উদাহরণস্বরূপ, ডটড্যাশের জন্য HTML উত্সটি দেখতে আপনি ব্রাউজারের ঠিকানা দণ্ডে নিম্নলিখিত পাঠ্যটি জমা দেবেন: দৃশ্য সোর্স: HTTPS: //www.dotdash.com .
আইওএস
আপনার আইপ্যাড, আইফোন বা আইপড স্পর্শে ওয়েব পৃষ্ঠা সোর্স কোড দেখার জন্য আমাদের সুপারিশকৃত পদ্ধতিটি ভিউ উত্স অ্যাপের মাধ্যমে, $ 0.99 এর জন্য অ্যাপ স্টোরে উপলব্ধ। ফায়ারফক্সের সাথে সরাসরি সংহত না হওয়া পর্যন্ত, আপনি এইচটিএমএল এবং প্রশ্নের সাথে সম্পর্কিত অন্যান্য কোডটি প্রকাশ করার জন্য সহজেই ব্রাউজার থেকে একটি URL টি অনুলিপি এবং পেস্ট করতে পারেন।
অ্যাপল সাফারি
আইওএস এবং ম্যাকOS উপর চলমান
আইওএস
আইফোনের জন্য সাফারি ডিফল্টরূপে পৃষ্ঠার উৎস দেখতে সক্ষম না হলেও, ব্রাউজারটি ভিউ উত্স অ্যাপ্লিকেশনের সাথে সামঞ্জস্যপূর্ণভাবে সংহত করে, অ্যাপ স্টোরটিতে $ 0.99 এর জন্য উপলব্ধ।
এই তৃতীয় পক্ষের অ্যাপ্লিকেশনটি সাফারি ব্রাউজারে ফিরে যাওয়ার পরে এবং স্ক্রিনের নীচে অবস্থিত ভাগ বোতামে আলতো চাপুন এবং একটি বর্গক্ষেত্র এবং একটি উপরের তীর দ্বারা উপস্থাপিত হয়। আপনার সাফারি উইন্ডোর নিম্ন অর্ধেক ওভারলেইজিংয়ের আইওএস শেয়ার শীট এখন দৃশ্যমান হওয়া উচিত। ডান দিকে স্ক্রোল করুন এবং নির্বাচন করুন উৎস দেখুন বোতাম।
সক্রিয় পৃষ্ঠাটির সোর্স কোডের রঙ-কোডেড, কাঠামোগত উপস্থাপনাটি এখন অন্য ট্যাব সহ প্রদর্শিত হবে যা আপনাকে পৃষ্ঠার সম্পদ, স্ক্রিপ্ট এবং আরও অনেক কিছু দেখতে অনুমতি দেয়।
ম্যাক অপারেটিং সিস্টেম
সাফারি ডেস্কটপ সংস্করণে একটি পৃষ্ঠার উৎস কোডটি দেখতে, আপনাকে প্রথমে এটি সক্ষম করতে হবে বিকাশ মেনু। নীচের ধাপগুলি আপনাকে এই লুকানো মেনুটি সক্রিয় করে এবং একটি পৃষ্ঠাটির HTML উত্স প্রদর্শনের মাধ্যমে হাঁটায়।
-
নির্বাচন করা আফ্রিকায় শিকার অভিযান পর্দার উপরে অবস্থিত ব্রাউজার মেনুতে।
-
ড্রপ ডাউন মেনু প্রদর্শিত হলে, নির্বাচন করুন পছন্দসমূহ বিকল্প।
-
সাফারি এর পছন্দ এখন দৃশ্যমান হওয়া উচিত। ক্লিক করুন অগ্রসর আইকন, উপরের সারির ডানদিকের দিকে অবস্থিত।
-
উন্নত বিভাগের নীচে দিকে একটি বিকল্প লেবেলযুক্ত মেনু বারে বিকাশ মেনু দেখান, একটি খালি চেকবক্স দ্বারা সংসর্গী। এটিতে একবার একটি চেক চিহ্ন স্থাপন করার জন্য এই বাক্সটি নির্বাচন করুন এবং উপরের বাম দিকের কোণে পাওয়া লাল 'x' ক্লিক করে পছন্দসই উইন্ডোটি বন্ধ করুন।
-
নির্বাচন করুন বিকাশ মেনু, পর্দার উপরে অবস্থিত।
-
যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, নির্বাচন করুন পৃষ্ঠা উত্স দেখান। আপনি এর পরিবর্তে নীচের কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: COMMAND + বিকল্প + ইউ.
অপেরা
চলমান: লিনাক্স, ম্যাকোএস, উইন্ডোজ
অপেরা ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠা থেকে উৎস কোড দেখতে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করুন: CTRL + ইউ (COMMAND + বিকল্প + ইউ MacOS উপর)। পরিবর্তে আপনি বর্তমান ট্যাবে উত্স লোড করতে চাইলে, ঠিকানা বারের মধ্যে পৃষ্ঠাটির URL এর বামে নিম্নোক্ত পাঠ্য টাইপ করুন এবং আঘাত করুন প্রবেশ করুন: ভিউ-উত্স: ( যেমন, ভিউ-উত্স: https: //www.Go-Travels.com ).
অপেরাটির ডেস্কটপ সংস্করণটি আপনাকে ইন্টিগ্রেটেড বিকাশকারী সরঞ্জামগুলি ব্যবহার করে HTML উত্স, CSS এবং অন্যান্য উপাদানগুলি দেখতে দেয়। এই ইন্টারফেসটি চালু করতে, যা ডিফল্টরূপে আপনার প্রধান ব্রাউজার উইন্ডোটির ডানদিকে প্রদর্শিত হবে, নিম্নোক্ত কীবোর্ড শর্টকাট টিপুন: CTRL + SHIFT + আমি (COMMAND + বিকল্প + আমি MacOS উপর)।
নিচের পদক্ষেপগুলি গ্রহণ করে অপেরা এর বিকাশকারী টুলসটি অ্যাক্সেসযোগ্য।
-
আপনার ব্রাউজার উইন্ডোর উপরের বাম দিকের কোণায় অবস্থিত অপেরা লোগোটি নির্বাচন করুন।
-
যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, তখন আপনার মাউস কার্সারটি উপরে রাখুন আরো সরঞ্জাম বিকল্প।
-
ক্লিক করুন বিকাশকারী মেনু দেখান.
-
আবার অপেরা লোগো নির্বাচন করুন।
-
যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, তখন আপনার কার্সারটি উপরে রাখুন বিকাশকারী.
-
যখন সাব-মেনু প্রদর্শিত হবে, নির্বাচন করুন ডেভেলপার টুলস.
ভিভালডি
Vivaldi ব্রাউজারের মধ্যে পৃষ্ঠা উত্স দেখতে একাধিক উপায় আছে। সহজ মাধ্যমে হয় CTRL + ইউ কীবোর্ড শর্টকাট, যা একটি নতুন ট্যাবে সক্রিয় পৃষ্ঠা থেকে কোড উপস্থাপন করে।
আপনি পৃষ্ঠাটির URL এর সামনে নিম্নলিখিত লেখাটি যোগ করতে পারেন, যা বর্তমান ট্যাবে উৎস কোডটি প্রদর্শন করে: উৎস দেখুন:। এই একটি উদাহরণ হতে হবে দৃশ্য সোর্স করুন: http: //www.dotdash.com .
আরেকটি পদ্ধতি ব্রাউজারের সমন্বিত ডেভেলপার সরঞ্জামের মাধ্যমে, টিপে অ্যাক্সেসযোগ্য CTRL + SHIFT + আমি সমন্বয় বা মাধ্যমে ডেভেলপার টুলস ব্রাউজার এর বিকল্প সরঞ্জামসমূহ মেনু - নির্বাচন করে পাওয়া যায় ভী উপরের বাম কোণে লোগো। ডেভ সরঞ্জাম ব্যবহার করে পৃষ্ঠাটির উত্সটির আরও গভীরভাবে বিশ্লেষণের অনুমতি দেয়।
