ওয়েব ব্রাউজার অনুসন্ধানের জন্য দৈনন্দিন ব্যবহারকারীর নজরদারি করার জন্য সর্বাধিক ব্রাউজার প্রস্তুতকারীর পাশাপাশি তারা ওয়েব ডেভেলপারদের, ডিজাইনার এবং গুণমান নিশ্চিতকারী পেশাদারদেরও সরবরাহ করে যা ব্রাউজারগুলিতে সরাসরি শক্তিশালী সরঞ্জামগুলি সংহত করে এমন অ্যাপ্লিকেশান এবং সাইটগুলি তৈরি করতে সহায়তা করে। নিজেদের.
এমন একটি দিন যেখানে ব্রাউজারের মধ্যে কেবলমাত্র প্রোগ্রামিং এবং পরীক্ষার সরঞ্জামগুলি পাওয়া যায় সেগুলি আপনাকে একটি পৃষ্ঠার উত্স কোড দেখতে এবং আরও কিছু করার অনুমতি দেয়। আজকের ব্রাউজারগুলি আপনাকে জাভাস্ক্রিপ্ট স্নিপেটগুলি নির্বাহ এবং ডিবাগ করার মতো কাজ করে, DOM উপাদানের পরিদর্শন এবং সম্পাদনা করে, আপনার অ্যাপ্লিকেশান বা পৃষ্ঠা লোডগুলি পর্যবেক্ষণের জন্য বোতামগুলি সনাক্ত করতে, সিএসএস কর্মক্ষমতা বিশ্লেষণ করে, আপনার কোডটি নিশ্চিত করে তা বাস্তবায়ন করে। খুব বেশি মেমরি বা খুব বেশি CPU চক্র ব্যবহার করা হয় না, এবং আরো অনেক কিছু। একটি পরীক্ষামূলক দৃষ্টিকোণ থেকে, প্রতিক্রিয়াশীল ডিজাইন এবং অন্তর্নির্মিত সিমুলেটরের জাদু দ্বারা বিভিন্ন অ্যাপ্লিকেশান এবং প্ল্যাটফর্মগুলিতে বিভিন্ন ব্রাউজারে কোনও অ্যাপ বা ওয়েব পৃষ্ঠা কীভাবে রেন্ডার করবেন তা পুনরুত্পাদন করতে পারেন। সেরা অংশ হল আপনি আপনার ব্রাউজার ছাড়াই এই সব করতে পারেন!
নীচের টিউটোরিয়ালগুলি আপনাকে অনেক জনপ্রিয় ওয়েব ব্রাউজারগুলিতে এই বিকাশকারী সরঞ্জামগুলিতে কীভাবে অ্যাক্সেস করতে হবে তা নিয়ে হাঁটায়।
গুগল ক্রম
ক্রোমের বিকাশকারী সরঞ্জাম আপনাকে কোড সম্পাদনা এবং ডিবাগ করার অনুমতি দেয়, কর্মক্ষমতা সমস্যাগুলি প্রকাশ করার জন্য পৃথক উপাদানগুলির অডিট করে, Android এবং iOS চালানোর সাথে সাথে বিভিন্ন ডিভাইস স্ক্রীনগুলিকে সিমুলেটেড করুন এবং অন্যান্য আরও কার্যকর কার্য সম্পাদন করে।
- Chrome এর প্রধান মেনু বোতামে ক্লিক করুন, তিনটি অনুভূমিক রেখা চিহ্নিত করা হয়েছে এবং ব্রাউজারের উপরের ডানদিকে অবস্থিত রয়েছে।
- যখন ড্রপ-ডাউন মেনু প্রদর্শিত হয়, তখন আপনার মাউস কার্সারটি উপরে রাখুন আরো সরঞ্জাম বিকল্প।
- একটি সাব মেনু এখন প্রদর্শিত হবে। লেবেল বিকল্প নির্বাচন করুন ডেভেলপার টুলস । আপনি এই মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: Chrome OS / Windows ( Ctrl + Shift + আমি ), ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + আমি )
- ক্রোম ডেভেলপার সরঞ্জাম ইন্টারফেসটি এখন প্রদর্শিত হবে, যেমন এই উদাহরণ স্ক্রিনশটটিতে দেখানো হয়েছে। Chrome এর আপনার সংস্করণের উপর নির্ভর করে, আপনি যে প্রাথমিক লেআউটটি দেখেন সেটি এখানে উপস্থাপিত কিছু থেকে ভিন্ন হতে পারে। ডেভেলপার সরঞ্জামগুলির মূল কেন্দ্রটি সাধারণত পর্দার নীচে বা ডান দিকের দিকে অবস্থিত হয়, নিচের ট্যাবগুলি থাকে।উপাদানসমূহ: সিএসএস এবং এইচটিএমএল কোড পরিদর্শন করার পাশাপাশি রিয়েল টাইমে আপনার পরিবর্তনগুলির প্রভাবগুলি দেখে সিএস-এ-ফ্লাই সম্পাদন করার ক্ষমতা সরবরাহ করে।কনসোল: ক্রোমের JavaScript কনসোল সরাসরি কমান্ড এন্ট্রি এবং ডায়গনিস্টিক ডিবাগিংয়ের জন্য অনুমতি দেয়।সূত্র: আপনাকে একটি শক্তিশালী গ্রাফিকাল ইন্টারফেসের মাধ্যমে জাভাস্ক্রিপ্ট কোড ডিবাগ করতে দেয়।নেটওয়ার্ক: সম্পূর্ণ আবেদন এবং প্রতিক্রিয়া শিরোনাম পাশাপাশি উন্নত টাইমিং ম্যাট্রিক্স সহ সক্রিয় অ্যাপ্লিকেশন বা পৃষ্ঠায় প্রতিটি সম্পর্কিত ক্রিয়াকলাপ সম্পর্কে বিস্তারিত তথ্য শ্রেণিবদ্ধ এবং প্রদর্শন করে।সময়রেখা: যত তাড়াতাড়ি একটি পৃষ্ঠা বা অ্যাপ্লিকেশন লোড অনুরোধ শুরু হয় তা ব্রাউজারের মধ্যে সংঘটিত প্রতিটি কার্যকলাপের গভীরতার বিশ্লেষণের জন্য অনুমতি দেয়।
- এই বিভাগগুলির পাশাপাশি, আপনি নিম্নলিখিত সরঞ্জামগুলি অ্যাক্সেস করতে পারেন >> আইকন, ডানদিকে অবস্থিত সময়রেখা ট্যাব।প্রোফাইলের: নিচে ভাঙ্গা CPU প্রোফাইলার এবং হিপ প্রোফাইলার বিভাগ, সক্রিয় অ্যাপ্লিকেশন বা পৃষ্ঠার ব্যাপক মেমরি ব্যবহার এবং সামগ্রিক মৃত্যুদন্ড সময় প্রদান করে।নিরাপত্তা: সক্রিয় পৃষ্ঠা বা অ্যাপ্লিকেশন সহ শংসাপত্রের সমস্যা এবং অন্যান্য নিরাপত্তা সম্পর্কিত সমস্যাগুলি হাইলাইট করে।সম্পদ: এই যেখানে আপনি কুকি, স্থানীয় স্টোরেজ, অ্যাপ্লিকেশন ক্যাশে এবং বর্তমান ওয়েব পৃষ্ঠা বা অ্যাপ্লিকেশন দ্বারা ব্যবহৃত অন্যান্য স্থানীয় তথ্য উৎস পরিদর্শন করতে পারেন।audits: একটি পৃষ্ঠা বা অ্যাপ্লিকেশন এর লোড সময় এবং সাধারণ কর্মক্ষমতা অপ্টিমাইজ করার উপায় উপলব্ধ করা হয়।
- ডিভাইস মোড আপনাকে একটি সিমুলেটর সক্রিয় পৃষ্ঠাটি দেখতে সহায়তা করে যা প্রায় ডজন ডজন ডিভাইসের মধ্যে এটির মতোই প্রদর্শিত হবে, যেমন আইপ্যাড, আইফোন এবং স্যামসাং গ্যালাক্সি সহ বেশ কিছু সুপরিচিত Android এবং iOS মডেল রয়েছে। আপনি আপনার বিশেষ উন্নয়ন বা পরীক্ষার প্রয়োজন মাপসই করার জন্য কাস্টম স্ক্রিন রেজুলেশন অনুকরণ করার ক্ষমতা দেওয়া হয়। উল্টে দিতে ডিভাইস মোড চালু এবং বন্ধ, সরাসরি বাম দিকে অবস্থিত মোবাইল ফোন আইকন নির্বাচন করুন উপাদানসমূহ ট্যাব।
- আপনি তিনটি উল্লম্বভাবে স্থাপন করা বিন্দু দ্বারা উপস্থাপিত মেনু বোতামে ক্লিক করুন এবং পূর্ববর্তী ট্যাবগুলির ডানদিকের ডান পাশে অবস্থিত দ্বারা আপনার বিকাশকারী সরঞ্জামগুলির চেহারা এবং অনুভূতিটি কাস্টমাইজ করতে পারেন। এই ড্রপ-ডাউন মেনু থেকে, আপনি ডকটি পুনঃস্থাপন করতে, বিভিন্ন সরঞ্জামগুলি দেখানো বা লুকাতে এবং ডিভাইস ইন্সপেক্টর হিসাবে আরও উন্নত আইটেমগুলি লঞ্চ করতে পারেন। আপনি ডিভেল সরঞ্জাম ইন্টারফেস নিজেই এই বিভাগে পাওয়া সেটিংস মাধ্যমে অত্যন্ত কাস্টমাইজ যোগ্য খুঁজে পাবেন।
মোজিলা ফায়ারফক্স
ফায়ারফক্সের ওয়েব বিকাশকারী বিভাগে ডিজাইনার, ডেভেলপার এবং পরীক্ষকগুলির জন্য একই রকম সরঞ্জাম রয়েছে যেমন স্টাইল এডিটর এবং পিক্সেল-টার্গেটিং আইড্রোপার।
লাইফওয়ায়ার প্রস্তাবিত পঠন:শীর্ষ 25 গ্রাসোমোকি এবং টেম্পারমোনি ব্যবহারকারী স্ক্রিপ্ট
- ফায়ারফক্সের প্রধান মেনু বোতামে ক্লিক করুন, যা তিনটি অনুভূমিক রেখা দ্বারা উপস্থাপিত এবং ব্রাউজার উইন্ডোর উপরের ডানদিকে অবস্থিত।
- যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, লেবেলযুক্ত আইকন নির্বাচন করুন বিকাশকারী । দ্য ওয়েব ডেভেলপার মেনু এখন প্রদর্শিত হবে, নিম্নলিখিত অপশন ধারণকারী।আপনি লক্ষ্য করবেন যে বেশিরভাগ মেনু আইটেমগুলিতে তাদের সাথে যুক্ত কীবোর্ড শর্টকাট রয়েছে।টুল টগল করুন: বিকাশকারী সরঞ্জাম ইন্টারফেস প্রদর্শন করে বা লুকিয়ে রাখে, সাধারণত ব্রাউজার উইন্ডোর নীচে অবস্থান করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + আমি ), উইন্ডোজ ( Ctrl + Shift + আমি )পরিদর্শকঃ আপনাকে সক্রিয় পৃষ্ঠায় সিএসএস এবং এইচটিএমএল কোড এবং দূরবর্তী ডিবাগিংয়ের মাধ্যমে একটি পোর্টেবল ডিভাইস পরিদর্শন এবং / অথবা টিকিট করার অনুমতি দেয়। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + সি ), উইন্ডোজ ( Ctrl + Shift + সি )ওয়েব কনসোল: সক্রিয় পৃষ্ঠায় জাভাস্ক্রিপ্ট এক্সপ্রেশনগুলি কার্যকর করার পাশাপাশি নিরাপত্তা সতর্কতা, নেটওয়ার্ক অনুরোধ, সিএসএস বার্তা এবং আরও অনেক কিছু সহ ডেটায়ের বিভিন্ন সেট পর্যালোচনা করার অনুমতি দেয়। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + কে ), উইন্ডোজ ( Ctrl + Shift + কে )ডিবাগার: দ্য জাভাস্ক্রিপ্ট ডিবাগার আপনাকে ব্রেকপয়েন্ট সেট করে ত্রুটি সনাক্ত করতে এবং ত্রুটি সংশোধন করতে দেয়, DOM নোডগুলি পরিদর্শন করে, কালো বক্সিং বহিরাগত উৎসগুলি এবং আরও অনেক কিছু। যেমন ক্ষেত্রে সঙ্গে পরিদর্শক , এই বৈশিষ্ট্য দূরবর্তী ডিবাগিং সমর্থন করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + এস ), উইন্ডোজ ( Ctrl + Shift + এস) শৈলী সম্পাদক: আপনাকে নতুন স্টাইলশীট তৈরি করতে এবং সক্রিয় ওয়েব পৃষ্ঠায় অন্তর্ভুক্ত করতে বা বিদ্যমান শীটগুলি সম্পাদনা করতে এবং কেবলমাত্র একটি ক্লিকের মাধ্যমে আপনার পরিবর্তনগুলি ব্রাউজারে কীভাবে রেন্ডার করে তা পরীক্ষা করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স, উইন্ডোজ ( Shift + F7 )কর্মক্ষমতা: সক্রিয় পৃষ্ঠার নেটওয়ার্ক কর্মক্ষমতা, ফ্রেম রেট ডেটা, জাভাস্ক্রিপ্ট কার্যকর সময় এবং রাষ্ট্র, পেইন্ট ফ্ল্যাশিং এবং আরও অনেক কিছু সম্পর্কে বিস্তারিত বিশদ সরবরাহ করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স, উইন্ডোজ ( Shift + F5 চাপুন )নেটওয়ার্ক: অনুরূপ পদ্ধতি, মূল ডোমেন, টাইপ, আকার, এবং সময় শেষ হওয়ার সাথে সাথে ব্রাউজার দ্বারা শুরু হওয়া প্রতিটি নেটওয়ার্ক অনুরোধ তালিকাভুক্ত করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + প্রশ্ন ), উইন্ডোজ ( Ctrl + Shift + প্রশ্ন )বিকাশকারী টুলবার একটি ইন্টারেক্টিভ কমান্ড লাইন ইন্টারপ্রেটার খোলে। প্রবেশ করান সাহায্য সমস্ত উপলব্ধ কমান্ড এবং তাদের সঠিক সিনট্যাক্সের একটি তালিকা জন্য ইন্টারপ্রেটার। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স, উইন্ডোজ ( Shift + F2 চেপে )WebIDE: ফায়ারফক্স ওএস বা ফায়ারফক্স ওএস সিমুলেটর এর মাধ্যমে চলমান প্রকৃত ডিভাইসের মাধ্যমে ওয়েব অ্যাপ্লিকেশন তৈরি এবং চালানোর ক্ষমতা সরবরাহ করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স, উইন্ডোজ ( Shift + F8 )ব্রাউজার কনসোল: হিসাবে একই কার্যকারিতা প্রদান করে ওয়েব কনসোল (উপরে দেখুন). যাইহোক, সমস্ত তথ্য ফায়ারফক্স অ্যাপ্লিকেশন (এক্সটেনশান এবং ব্রাউজার স্তরের ফাংশন সহ) সক্রিয় সক্রিয় ওয়েব পৃষ্ঠার বিপরীতে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( Shift + Ctrl + J ), উইন্ডোজ ( Ctrl + Shift + জে )প্রতিক্রিয়াশীল নকশা দেখুন: ট্যাবলেট এবং স্মার্টফোন সহ একাধিক ডিভাইসের অনুকরণ করার জন্য আপনাকে বিভিন্ন রেজুলেশন, লেআউট এবং স্ক্রিন মাপগুলিতে একটি ওয়েব পৃষ্ঠা অবিলম্বে দেখতে দেয়। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( এবং ALT (বিকল্প) + Command + এম ), উইন্ডোজ ( Ctrl + Shift + এম )আইড্রপার: পৃথকভাবে নির্বাচিত পিক্সেলের জন্য হেক্স রঙ কোড প্রদর্শন করে।স্ক্র্যাচপ্যাড: আপনাকে পপ-আউট ফায়ারফক্স উইন্ডোতে থেকে JavaScript কোডের স্নিপেটগুলি লিখতে, সম্পাদনা করতে, সংহত করতে এবং চালাতে দেয়। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স, উইন্ডোজ ( Shift + F4 চাপুন )পাতার উৎস: মূল ব্রাউজার ভিত্তিক বিকাশকারী সরঞ্জাম, এই বিকল্পটি কেবল সক্রিয় পৃষ্ঠার জন্য উপলব্ধ উত্স কোডটি প্রদর্শন করে। কীবোর্ড শর্টকাট: ম্যাক ওএস এক্স ( Command + ইউ ), উইন্ডোজ ( Ctrl + U )আরো সরঞ্জাম পান: খোলা ওয়েব ডেভেলপার এর টুলবক্স মজিলার আনুষ্ঠানিক অ্যাড-অন সাইটে সংগ্রহ, প্রায় ডজন ডজন জনপ্রিয় এক্সটেনশান যেমন ফায়ারবগ এবং গ্রেসমনকি।
মাইক্রোসফ্ট এজ / ইন্টারনেট এক্সপ্লোরার
সাধারণত হিসাবে উল্লেখ করা হয় F12 বিকাশকারী সরঞ্জাম , ইন্টারনেট এক্সপ্লোরার এর পূর্ববর্তী সংস্করণ থেকে ইন্টারফেস চালু করে এমন কীবোর্ড শর্টকাট-এর প্রতি শ্রদ্ধা, IE11- এ ডে-টুলসেট এবং মাইক্রোসফ্ট এজ-এর মনিটর, ডিবাগারস, এমুলেটরস এবং অনেকেই সহজলভ্য গোষ্ঠী অফার করে তার প্রারম্ভ থেকে দীর্ঘ পথ এসেছে। দ্য ফ্লাই কম্পাইলার।
- ক্লিক করুন আরও কাজ মেনু, তিনটি বিন্দু দ্বারা উপস্থাপিত এবং ব্রাউজার উইন্ডো উপরের ডানদিকে অবস্থিত। যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, লেবেলযুক্ত বিকল্পটি নির্বাচন করুন F12 বিকাশকারী সরঞ্জাম । আমি ইতিমধ্যে উল্লেখ হিসাবে, আপনি মাধ্যমে সরঞ্জাম অ্যাক্সেস করতে পারেন F12 চেপে কীবোর্ড শর্টকাট।
- বিকাশ ইন্টারফেস এখন প্রদর্শিত হবে, সাধারণত ব্রাউজার উইন্ডো নীচে। নিচের সরঞ্জামগুলি উপলব্ধ রয়েছে, প্রতিটি তাদের নিজ নিজ ট্যাব শিরোনামটিতে ক্লিক করে বা কীবোর্ডের শর্টকাট ব্যবহার করে অ্যাক্সেসযোগ্য।ডম এক্সপ্লোরার: আপনি সক্রিয় পৃষ্ঠায় স্টাইলশীট এবং এইচটিএমএল সম্পাদনা করতে পারবেন, আপনি যেভাবে সংশোধিত ফলাফলগুলি রেন্ডার করছেন। প্রযোজ্য যেখানে স্বয়ংসম্পূর্ণ কোড থেকে IntelliSense কার্যকারিতা ব্যবহার করে। কীবোর্ড শর্টকাট: (Ctrl + 1) কনসোল: কাউন্টার, টাইমার, ট্রেস এবং একটি সমন্বিত API এর মাধ্যমে কাস্টমাইজড বার্তা সহ ডিবাগিং তথ্য জমা দেওয়ার ক্ষমতা সরবরাহ করে। এছাড়াও, আপনাকে একটি সক্রিয় ওয়েব পৃষ্ঠায় কোডটি ইনজেক্ট করতে এবং রিয়েল টাইমে পৃথক ভেরিয়েবলগুলিতে নির্ধারিত মানগুলি সংশোধন করতে দেয়। কীবোর্ড শর্টকাট: (Ctrl + 2) ডিবাগার: আপনাকে ব্রেকপয়েন্ট সেট করতে এবং এটি চালানোর সময় আপনার কোড ডিবাগ করতে দেয়, যদি প্রয়োজন হয় তবে লাইনের লাইন। কীবোর্ড শর্টকাট: (Ctrl + 3) নেটওয়ার্ক: পৃষ্ঠার লোড এবং কার্যকরকরণ সহ প্রোটোকল বিবরণ, সামগ্রী টাইপ, ব্যান্ডউইথ ব্যবহার এবং আরও অনেক কিছু সহ ব্রাউজার দ্বারা শুরু হওয়া প্রতিটি নেটওয়ার্ক অনুরোধ তালিকাবদ্ধ করে। কীবোর্ড শর্টকাট: (Ctrl + 4) কর্মক্ষমতা: পৃষ্ঠা লোড সময় এবং অন্যান্য ক্রিয়াকলাপগুলি দ্রুততর করতে সহায়তা করার জন্য ফ্রেমের হার, CPU ব্যবহার এবং অন্যান্য কর্মক্ষমতা সম্পর্কিত মেট্রিকগুলি। কীবোর্ড শর্টকাট: (Ctrl + 5) স্মৃতি: বিভিন্ন সময় অন্তর থেকে স্ন্যাপশট সহ মেমরি ব্যবহারের সময়সীমা প্রদর্শন করে বর্তমান ওয়েব পৃষ্ঠায় সম্ভাব্য মেমরি লিকগুলি আলাদা এবং সংশোধন করতে আপনাকে সহায়তা করে। কীবোর্ড শর্টকাট: (Ctrl + 6) এমুলেশন: সক্রিয় পৃষ্ঠাটি বিভিন্ন রেজুলেশন এবং স্ক্রিন মাপগুলিতে কীভাবে রেন্ডার করবে, স্মার্টফোন, ট্যাবলেট এবং অন্যান্য ডিভাইসগুলিকে অনুকরণ করে। এছাড়াও ব্যবহারকারী এজেন্ট এবং পৃষ্ঠা অভিযোজন সংশোধন করার পাশাপাশি একটি অক্ষাংশ এবং দ্রাঘিমাংশ প্রবেশ করে বিভিন্ন ভূ-অবস্থানকে অনুকরণ করার ক্ষমতা সরবরাহ করে। কীবোর্ড শর্টকাট: (Ctrl + 7)
- প্রদর্শন করতে কনসোল অন্য কোনও সরঞ্জামের মধ্যে বিকাশ সরঞ্জাম ইন্টারফেসের উপরের ডান দিকের কোণে অবস্থিত ডানদিকের ডানদিকের স্কোয়ার বোতামে ক্লিক করুন।
- আনডক করতে, বিকাশকারী সরঞ্জাম ইন্টারফেস যাতে এটি একটি পৃথক উইন্ডো হয়ে যায়, দুটি ক্যাসকেডিং আয়তক্ষেত্র দ্বারা উপস্থাপিত বাটনটিতে ক্লিক করুন বা নিম্নোক্ত কীবোর্ড শর্টকাটটি ব্যবহার করুন: এবার CTRL + পি । আপনি সরঞ্জামগুলি তাদের মূল অবস্থানে আবার চাপিয়ে রাখতে পারেন এবার CTRL + পি একটি দ্বিতীয় সময়।
অ্যাপল সাফারি (শুধুমাত্র ওএস এক্স)
সাফারি এর বিভিন্ন ডিভ টুলসেট তাদের ডেভেলপমেন্ট এবং প্রোগ্রামিং প্রয়োজনগুলির জন্য একটি ম্যাক ব্যবহার করে এমন বড় বিকাশকারী সম্প্রদায়কে প্রতিফলিত করে। একটি শক্তিশালী কনসোল এবং প্রথাগত লগিং এবং ডিবাগিং বৈশিষ্ট্যগুলি ছাড়াও, একটি ব্যবহারযোগ্য-ব্যবহারযোগ্য প্রতিক্রিয়াশীল নকশা মোড এবং আপনার নিজের ব্রাউজার এক্সটেনশানগুলি তৈরি করার জন্য একটি সরঞ্জাম সরবরাহ করা হয়।
- ক্লিক করুন আফ্রিকায় শিকার অভিযান ব্রাউজার মেনুতে, আপনার পর্দার উপরে অবস্থিত। যখন ড্রপ ডাউন মেনু প্রদর্শিত হবে, নির্বাচন করুন পছন্দসমূহ । আপনি এই মেনু আইটেমের পরিবর্তে নিম্নলিখিত কীবোর্ড শর্টকাটটি ব্যবহার করতে পারেন: Command + কমা (,)
- সাফারি এর পছন্দসমূহ ইন্টারফেস এখন আপনার ব্রাউজার উইন্ডো overlaying, প্রদর্শিত করা উচিত। ক্লিক করুন অগ্রসর আইকন, হেডারের ডানদিকে ডান দিকে অবস্থিত।
- দ্য অগ্রসর পছন্দ এখন দৃশ্যমান করা উচিত। এই পর্দার নীচে একটি লেবেলযুক্ত বিকল্প মেনু বারে বিকাশ মেনু দেখান , একটি চেক বক্স দ্বারা সংসর্গী। বাক্সে দেখানো কোনও চেক চিহ্ন নেই, সেখানে সেখানে একবার স্থাপন করার জন্য এটিতে ক্লিক করুন।
- নিকটে পছন্দসমূহ উপরের বাম হাতের কোণে লাল 'x' ক্লিক করে ইন্টারফেস।
- আপনি এখন ব্রাউজার মেনু নামে একটি নতুন বিকল্প লক্ষ্য করা উচিত বিকাশ , মধ্যে অবস্থিত বুকমার্ক এবং জানলা । এই মেনু আইটেমটি ক্লিক করুন। একটি ড্রপ ডাউন মেনু এখন প্রদর্শিত হবে, নিম্নলিখিত অপশন ধারণকারী।সঙ্গে পাতা খুলুন: বর্তমানে আপনার ম্যাকে ইনস্টল অন্য ব্রাউজারে সক্রিয় ওয়েব পৃষ্ঠাটি খুলতে আপনাকে অনুমতি দেয়।ব্যবহারিক দূত: Chrome, ফায়ারফক্স এবং ইন্টারনেট এক্সপ্লোরার এর কয়েকটি সংস্করণের সাথে সাথে আপনার নিজস্ব কাস্টম স্ট্রিং সংজ্ঞায়িত করার জন্য আপনাকে ডজন ডজন পূর্ব-সংজ্ঞায়িত ব্যবহারকারী এজেন্ট মানগুলি থেকে নির্বাচন করতে দেয়।রিসার্চ ডিজাইন মোড লিখুন: বর্তমান পৃষ্ঠাটিকে বিভিন্ন ডিভাইসগুলিতে এবং বিভিন্ন স্ক্রীন রেজুলেশনগুলিতে উপস্থিত হিসাবে উপস্থাপিত করে।ওয়েব ইন্সপেক্টর দেখান: সাফারি এর ডিভ সরঞ্জামগুলির জন্য প্রধান ইন্টারফেস চালু করে, সাধারণত আপনার ব্রাউজার স্ক্রীনের নীচে স্থাপন করে এবং নিম্নোক্ত বিভাগগুলি রয়েছে: উপাদানসমূহ , নেটওয়ার্ক , সম্পদ , অবরোধ , ডিবাগার , সংগ্রহস্থল , কনসোল .দেখান ত্রুটি কনসোল: এছাড়াও সরাসরি ডেভ সরঞ্জাম ইন্টারফেস, আরম্ভ কনসোল ট্যাব যা ত্রুটি, সতর্কতা এবং অন্যান্য সন্ধানযোগ্য লগ ডেটা প্রদর্শন করে।পৃষ্ঠা উত্স দেখান: খোলা সম্পদ ট্যাব, যা নথির দ্বারা শ্রেণীবদ্ধ সক্রিয় পৃষ্ঠার উৎস কোড প্রদর্শন করে।পৃষ্ঠা সম্পদ দেখান: হিসাবে একই ফাংশন সঞ্চালিত হয় পৃষ্ঠা উত্স দেখান বিকল্প।স্নিপেট সম্পাদক দেখান: একটি নতুন উইন্ডো খোলে যেখানে আপনি সিএসএস এবং এইচটিএমএল কোডটি প্রবেশ করতে পারবেন, তার আউটপুটটি ফ্লাইটে পূর্বরূপ দেখতে পারবেন।এক্সটেনশন বিল্ডার দেখান: সিএসএস, এইচটিএমএল এবং জাভাস্ক্রিপ্টের সাথে সাফারি এক্সটেনশানগুলি তৈরি বা সম্পাদনা করার ক্ষমতা সরবরাহ করে।টাইমলাইন রেকর্ডিং দেখান: খোলা অবরোধ ট্যাব এবং নেটওয়ার্ক অনুরোধ, লেআউট এবং রেন্ডারিং তথ্য পাশাপাশি বাস্তব সময় জাভাস্ক্রিপ্ট সম্পাদন প্রদর্শন শুরু।খালি ক্যাশে: বর্তমানে আপনার হার্ড ড্রাইভে সংরক্ষিত হচ্ছে সম্পূর্ণ ক্যাশে মুছে ফেলে।ক্যাশে নিষ্ক্রিয় করুন: ক্যাশিং থেকে সাফারি বন্ধ করে যাতে প্রতিটি পৃষ্ঠা লোডের উপর সার্ভার থেকে সমস্ত সামগ্রী পুনরুদ্ধার করা হয়।ছবি নিষ্ক্রিয় করুন: সমস্ত ওয়েব পেজ রেন্ডারিং থেকে ইমেজ প্রতিরোধ করে।স্টাইল নিষ্ক্রিয় করুন: একটি পৃষ্ঠা লোড করা হয় যখন CSS বৈশিষ্ট্য উপেক্ষা করে।জাভাস্ক্রিপ্ট অক্ষম করুন: সমস্ত পৃষ্ঠায় জাভাস্ক্রিপ্ট নির্বাহ নিষিদ্ধ।এক্সটেনশান নিষ্ক্রিয় করুন: ব্রাউজারের মধ্যে চলমান থেকে ইনস্টল করা সমস্ত এক্সটেনশন নিষিদ্ধ।সাইট-নির্দিষ্ট হ্যাক নিষ্ক্রিয় করুন: যদি সক্রিয় ওয়েব পৃষ্ঠাতে নির্দিষ্ট সমস্যা (গুলি) স্পষ্টভাবে পরিচালনা করার জন্য সাফারি সংশোধন করা হয়েছে, তবে এই বিকল্পটি সেই পরিবর্তনগুলিকে বাধা দেবে যাতে পৃষ্ঠাগুলি লোড হওয়ার সাথে সাথে এই পরিবর্তনের আগেই লোড হবে।স্থানীয় ফাইল নিষেধাজ্ঞা নিষ্ক্রিয় করুন: ব্রাউজারটিকে আপনার স্থানীয় ডিস্কগুলিতে ফাইল অ্যাক্সেস করার অনুমতি দেয়, এটি নিরাপত্তার কারণে ডিফল্টভাবে সীমিত একটি অ্যাকশন।ক্রস-মূল নিষেধাজ্ঞা নিষ্ক্রিয় করুন: XSS এবং অন্যান্য সম্ভাব্য বিপদগুলি প্রতিরোধ করার জন্য এই সীমাবদ্ধতাগুলি ডিফল্টভাবে জায়গায় স্থাপন করা হয়। যাইহোক, তারা প্রায়ই উন্নয়ন উদ্দেশ্যে অস্থায়ীভাবে অক্ষম করা প্রয়োজন।স্মার্ট অনুসন্ধান ক্ষেত্র থেকে জাভাস্ক্রিপ্ট অনুমতি দিন: সক্রিয় থাকলে, এর সাথে ইউআরএল প্রবেশ করার ক্ষমতা প্রদান করে জাভাস্ক্রিপ্ট: সরাসরি ঠিকানা বার অন্তর্ভুক্ত।অনিশ্চিত হিসাবে SHA-1 সার্টিফিকেটগুলি চিকিত্সা করুন: এসএএইচ-1 অ্যালগরিদম ব্যবহার করে এসএসএল সার্টিফিকেট ব্যাপকভাবে আউট-ডেট এবং দুর্বল বলে বিবেচিত হয়।
