আমি একজন শিক্ষানবিস ওয়েব বিকাশকারী এবং ফায়ারব্যাগটি বেশ কয়েকবার ডিবাগ করার জন্য সুপারিশ করেছি। তবে এখনও অবধি আমি ক্রোমের অন্তর্নির্মিত বিকাশকারী সরঞ্জামগুলি ব্যবহার করেছি been এটি ফায়ারবাগ যা কিছু করে তা দেখে মনে হচ্ছে এবং এটি পরিষ্কার এবং বোনাস হিসাবে আরও সুসংহত organized
আমি আমার ডিবাগিংয়ে আরও উন্নত হওয়ার সাথে সাথে ফায়ারব্যাগের এমন কি এমন বৈশিষ্ট্য রয়েছে যা আমি ক্রোমের ডেভটুলগুলির সাথে মিস করব? যদি তাই হয়, তারা কি?
সম্পর্কিত: গুগল ক্রোমের জন্য ফায়ারব্যাগের মতো ডিবাগার
উত্তর:
আমি শুরু থেকেই ফায়ারব্যাগ ব্যবহার করেছি এবং এটি আগুনের আবিষ্কারের মতো একটি seশ্বর্যবাদ। কিন্তু তারপরে ক্রোম এর ডিবাগারটি নিয়ে এসেছিল এবং আমি এটি চেষ্টা করেছিলাম। আমি ফায়ারব্যাগ ব্যবহার করে চলেছি, তবে চোমের দেব সরঞ্জামগুলিতে নজর রেখেছি এবং শেষ পর্যন্ত ভি 12-তে জেএসওএন সরঞ্জাম যুক্ত হওয়ার পরে স্যুইচ না করার কারণটি সামনে আসতে পারছে না।
ক্রোমের ডেভটুলস কিক বাট হ'ল:
আপডেট: 2 বছর পরে আমাকে ফায়ারফক্স দলকে বিশাল প্রবেশের জন্য অভিনন্দন জানাতে হবে। এটি বলেছিল, ক্রোম টিম এবং ডিবাগার মাসিক ভিত্তিতে বিশাল লাফিয়ে এগিয়ে যায় এবং এই শিল্পকে নেতৃত্ব দেয়। আমি উপরের তালিকাটি আপডেট করব, তবে সত্যি বলতে এটি পুরো পৃষ্ঠাটি পূরণ করবে।
ক্রোম বিকাশকারী সরঞ্জামগুলি ফায়ারব্যাগের বৈশিষ্ট্যগুলি গ্রহণ করেছিল, সুতরাং সমস্ত প্রধান বৈশিষ্ট্য এবং পরিচিতি সেখানে রয়েছে (যেমন $0, এবং consoleঅবজেক্ট)।
কিছু ছোট পার্থক্য রয়েছে, যেমন দেবটুলগুলির কোনও সিএসএস প্যানেল নেই (যদিও উপাদানগুলির প্যানেলে সিএসএস স্টাইলশিটগুলি ম্যানিপুলেট করা যেতে পারে )।
ক্রোম সরঞ্জামগুলিতে অতিরিক্ত সময়রেখার , প্রোফাইল এবং স্টোরেজ প্যানেল রয়েছে। সময়রেখা প্যানেল লোড, সিএসএস রেন্ডারিং, এবং জাভাস্ক্রিপ্ট পার্সিং লগ করা হয়। প্রোফাইল প্যানেল প্রোফাইলের রিসোর্স ব্যবহার এবং সংগ্রহস্থল প্যানেল শো এবং অধিবেশন সঞ্চয়স্থান স্থানীয় সংগ্রহস্থল সাইটের ডাটাবেসের মধ্যে পরিবর্তন,,, এবং কুকি পারেন।
অবশেষে, উভয় সরঞ্জামের নিজস্ব গৌণ রূপ রয়েছে যা বিভিন্ন ক্রিয়াকে সামান্য কিছুটা সহজ বা শক্ত করে তোলে। আমার পরামর্শটি ফায়ারফক্সের জন্য ফায়ারব্যাগ এবং ওয়েবকিট ব্রাউজারগুলির জন্য ডেভটুলগুলি ব্যবহার করা, যেহেতু কেবল ফায়ারবগ লাইট ক্রোমে কাজ করে এবং এতে সাধারণ ফায়ারব্যাগের অনেকগুলি বৈশিষ্ট্য নেই (এবং দেবটুলগুলি ক্রোমে অন্তর্নির্মিত হয়)।
আমি ফায়ারব্যাগ ব্যবহার করে অনেক বেশি স্বাচ্ছন্দ্য বোধ করি। আমি এই মুহুর্তে নির্দিষ্টকরণের কথা ভাবতে পারি না, তবে কখনও কখনও আমি সাফারি বা ক্রোমে কিছু ডিবাগ করার চেষ্টা করব এবং এমন একটি পিআইটিএর মতো মনে হয় যে আমি ফায়ারফক্স চালু করেছি এবং যা কিছু দ্রুত সম্পন্ন করব।
DOM ট্যাব একটির জন্য একটি প্লাস। এটি ক্রোমের সমতুল্য চেয়ে আরও অ্যাক্সেসযোগ্য এবং ভালভাবে ছাঁটাই। ফায়ারবগে কনসোলে যেভাবে ডোম এবং অন্যান্য জেএস অবজেক্টগুলি লগইন করা হয়েছে তা আমি পছন্দ করি।
পিক্সেল পারফেক্টের মতো ফায়ারব্যাগ প্লাগইনগুলিও খুব দরকারী। ক্রোমের জন্য এই জাতীয় কোনও সরঞ্জাম বিদ্যমান কিনা তা আমি জানি না।
সামগ্রিকভাবে, এটি কোনও ব্যাপার নয় কারণ আপনাকে উভয় ব্রাউজারেই পরীক্ষা করতে হবে। এবং আইই, তাই এটি আই এর ডেভ সরঞ্জামগুলির সাথেও তুলনা করতে পারে (যা উন্নত হয়েছে, তবে এখনও এফএফ বা ওয়েবকিটের তুলনায় ভাল নয়)।
আমি মনে করি না যে ফায়ারবগে বিশেষভাবে উপস্থিত কিছু আছে তবে ক্রোমে নেই যা আপনি নিখোঁজ হবেন।
সম্পাদনা : এটি সত্য হিসাবে ব্যবহৃত হত, তবে ক্রোম দেব সরঞ্জামগুলি এটি প্রয়োগ করে।
ফায়ারব্যাগ একটি পৃষ্ঠায় লোড হওয়া সমস্ত স্ক্রিপ্টগুলিতে অনুসন্ধান করতে পারে। ক্রোম দেব সরঞ্জামগুলি কেবলমাত্র নির্বাচিত স্ক্রিপ্ট, এএফআইএকে অনুসন্ধান করতে পারে।
যতদূর আমি বলতে পারি, ফায়ারব্যাগ হ'ল একমাত্র যা এইচটিএমএল-কোড এবং পাঠ্য টাইপ করার সাথে সাথে সরাসরি সম্পাদনা করতে পারে। খুব দরকারী, আপনি উদাহরণস্বরূপ যদি কোনও পাত্রে কীভাবে পাঠ্য মানায় এবং একবারে একটি অক্ষর যুক্ত হয় তা দেখার চেষ্টা করছেন।
Chrome এ যখন আপনি এইচটিএমএল সম্পাদনা করেন, আপনাকে "সম্পাদনা মোড" থেকে প্রস্থান করতে TAB বা ENTER টিপতে হবে এবং আপনার পৃষ্ঠায় পরিবর্তনগুলি দেখতে হবে।
ফায়ারব্যাগে আপনি এখনই এইচটিএমএল-কোডও প্রবেশ করতে পারেন। Chrome এ আপনাকে ডান ক্লিক করতে হবে এবং "HTML সম্পাদনা করুন" নির্বাচন করতে হবে। অন্যথায়, এটি <b> সাহসী </ b> এর মতো প্রদর্শিত হবে।
আমি সত্যিই ক্রোমে পরিবর্তন করতে চাই, যেহেতু এটি দ্রুত চলমান বলে মনে হচ্ছে তবে লাইভ সম্পাদনাটি আমার পক্ষে খুব গুরুত্বপূর্ণ।
মাউস নির্বাচন ফায়ারব্যাগটি দুর্দান্ত, তবে আমি এটি ক্রোম বিকাশকারী সরঞ্জামগুলিতে খুঁজে পাচ্ছি না।
এটি আমাকে বিরক্ত করে কারণ ফায়ারব্যাগে আমি এর জন্য একটি গরম কী খুঁজে পাই না, যেখানে ক্রোমের পুরোপুরি অভাব রয়েছে।
আমি একজন নুব বিকাশকারী, তাই বিকাশকালে মাউস এখনও বেশিরভাগ সময় ব্যবহৃত হয়।
সেই সময় এই প্রশ্নটি জিজ্ঞাসা করা হয়েছিল ফায়ারব্যাগটি একটি জন্তু, তবে এখন Chrome বিকাশকারী সরঞ্জাম (ডেভটুলস) ওয়েব বিকাশকারীদের পক্ষে কার্যকর। যদিও আমি ফায়ারবাগের জন্য রেটিং করছি না কারণ ফায়ারবগের সাথে ফায়ারফক্স ব্যবহার করে ওয়েব ডেভলপমেন্ট শিখেছি।
এটি ওয়েব বিকাশের জন্য দুর্দান্ত সরঞ্জাম ছিল এবং এটি ডেভটুলস এবং ফায়ারফক্সের ডেভটুলগুলির সমস্ত বড় বৈশিষ্ট্য উপস্থাপন করেছিল। তবে আমি ফায়ারব্যাগের সমস্ত বৈশিষ্ট্য কভার না করে যদিও আমি ক্রোম দেবটুলগুলিতে স্যুইচ করেছি, কারণ এগুলি হালকা ওজনযুক্ত এবং ফায়ারবাগের চেয়ে অনেক দ্রুত, স্থানীয় স্টোরারেজে অ্যাক্সেস সহজেই সংজ্ঞায়িত করা হয়েছে এবং উত্সগুলি আমার মতে সেখানে সংগঠিত হয়েছে।
এখানে আমি ফায়ারব্যাগে কীভাবে বৈশিষ্ট্যগুলি অনন্য বলে তালিকাবদ্ধ করতে চলেছি,
অনুসন্ধান :
ফায়ারবগে অনুসন্ধান বিকল্পটি সুস্পষ্টভাবে সংজ্ঞায়িত হয়েছে, কারণ এটি সহজেই অ্যাক্সেসযোগ্য এবং আমরা কেস-সংবেদনশীল এবং নিয়মিত অভিব্যক্তি সহ কীওয়ার্ডটি অনুসন্ধান করতে পারি ।
ডোম:
করে DOM গঠন সহজে বিভিন্ন সঙ্গে ফায়ারবাগকে মধ্যে অ্যাক্সেস করা যেতে পারে ফিল্টারিং অপশন মত দেখান ব্যবহারকারী-সংজ্ঞায়িত বৈশিষ্ট্যাবলী , দেখান ব্যবহারকারী-সংজ্ঞায়িত কার্যক্রম ইত্যাদি।
কুকিজ:
ফায়ারব্যাগ আমাদের নিজস্ব কুকি তৈরি করতে দেয় এবং কুকিজ রফতানি করার ব্যবস্থা করে ।
নেটওয়ার্ক / নেট:
ফায়ারব্যাগের একটি নেট প্যানেল রয়েছে যা ডিভলগুলি এটিকে নেটওয়ার্ক বলে । সংস্থানগুলি এবং তাদের স্থিতিগুলি লোড করার জন্য করা সমস্ত অনুরোধগুলি বিশ্লেষণ করতে উভয়ই কার্যকর। ফায়ারব্যাগে আমরা সহজেই সংস্থানগুলির রিমোট আইপি উপলব্ধি করতে পারি ।
সূত্র:
যদিও ডেভটুলগুলিতে সোর্স সম্পাদনা পাওয়া যায়, তবুও আমি অনুভব করি যে উত্স সম্পাদনাটি ব্যবহার করার সময় ফায়ারব্যাগটি আরও ভাল because কারণ আপনি যদি ডিভটুলগুলির মধ্যে কোনও সিএসএস ফাইল সম্পাদনা করতে চান তবে আপনাকে উত্স প্যানেলে যেতে হবে , তারপরে ফাইলটি সন্ধান করতে Ctrl+ টিপুন O। তবেই আপনি ফাইলটি সম্পাদনা করতে পারবেন। ফায়ারব্যাগে আপনি প্রতিটি মেনু ট্যাবের নীচে সোর্স সম্পাদনাটি সহজেই খুঁজে পেতে পারেন ।
ডোজোর জন্য সমর্থন:
একবার আমি ডোজো বিকাশকারী ফায়ারব্যাগটি খুব সহজেই ডোজো ফায়ারব্যাগ এক্সটেনশন ব্যবহার করে ডোজো বিকাশকে সমর্থন করতে প্রসারিত হয়েছিল ।
উদ্দেশ্যমূলকভাবে ফায়ারব্যাগ ২.০ এর অনেকগুলি ছোট ছোট বৈশিষ্ট্য রয়েছে যা ক্রোম দেবটুলগুলিতে নেই। তাদের কয়েকটি এখানে তালিকাভুক্ত:
সাধারণ
একটি "বৈশিষ্ট্য" যা ব্যবহারের বাইরে চলে যায় তা হ'ল ফায়ারব্যাগ ওপেন সোর্স । সুতরাং প্রত্যেকে এতে অংশ নিতে পারে।
এটি বলার পরে, ক্রোম ডেভটুলস (সেইসাথে ফায়ারফক্স ডেভটুলস) ফায়ারবগের সাথে আরও অনেকগুলি বৈশিষ্ট্য এবং অন্যান্য ছোট এবং বৃহত সুবিধাগুলি রয়েছে কারণ ফায়ারবগের পিছনে দলটি অন্যান্য ডিভলসের পিছনে থাকা দলের তুলনায় খুব ছোট।
এছাড়াও, ফায়ারবগ 3+ বিল্ট-ইন ফায়ারফক্স ডেভটুলগুলিতে সংহত করে , যার অর্থ সেই সংস্করণগুলি ফায়ারফক্স ডেভটুলগুলির সমস্ত বৈশিষ্ট্যগুলির উত্তরাধিকার সূত্রে প্রাপ্ত এবং অতিরিক্ত বৈশিষ্ট্য যুক্ত করতে পারে।
ফায়ারব্যাগের সাথে ফায়ারকুকির মতো অন্যান্য প্লাগইন সংযুক্ত হওয়ার সম্ভাবনা রয়েছে । বাকিগুলির জন্য তারা বেশ অনুরূপ, এটি আমার মতে স্বাদ সম্পর্কে।
chrome.devtoolsএপিআই ব্যবহার করে ক্রোম বিকাশকারী সরঞ্জামগুলিও বাড়ানো যেতে পারে ।
আমার কয়েক সেন্ট যোগ করা হচ্ছে ...
ক্রোম ইন্সপেক্টর সিএসএসের বৈশিষ্ট্যগুলিকে বর্ণমালা অনুসারে বাছাই করতে পারেন নি যেখানে ফায়ারব্যাগ এটি কবজ করার মতো করতে পারে। আপনি যখন কিছু সিএসএস উপাদান পরিদর্শন করেন এবং ফায়ারব্যাগটি ধরার প্রয়োজন হয় এটি এতে কার্যকর হয় helps
ভাল সিএসএস কোডিং অনুশীলন অনুসারে আপনার সিএসএসের বৈশিষ্ট্যগুলি আপনার কোডগুলিতে বর্ণানুক্রমিকভাবে সাজানো ভাল to
যখন আপনি প্রচুর স্ক্রিপ্টের সাথে জড়িত একটি প্রকল্পে কাজ করছেন script স্ক্রিপ্ট ট্যাগের অধীনে ফায়ারব্যাগে আপনার দেওয়া পরামর্শ বাক্সে একটি জেএস ফাইল অনুসন্ধান করার বিকল্প রয়েছে। যেখানে ক্রোমের মতো আপনার জেএস ফাইলটি সনাক্ত করতে আপনার খোঁড়া গাছের ভিউ থাকবে যা আপনার জেএস ফাইলের নাম স্পেসিং দেখতে এবং গাছটিকে অতিক্রম করতে ক্লান্তিযুক্ত।
এই প্রকল্পটি তাদের প্রকল্পে সামান্য জেএস ফাইলের সাথে জড়িত এমন কাউকে প্রভাবিত করতে পারে না। আমার স্ক্রিপ্টগুলি 1000 জেএস ফাইলের বেশি হলে আমি এই ফায়ারব্যাগটি ব্যবহার করি।
প্রায় আজই স্যুইচটি তৈরি হয়েছে তবে আমি লক্ষ্য করেছি যে আমি ক্রোমে সংশোধিত সিএসএসে ডান ক্লিক করতে পারি না এবং ফায়ারবগে আমি যেমন করতে পারি তেমন নিয়ম বা স্টাইলের বিবরণী অনুলিপি করতে পারি না। ODশ্বর আমি আশা করি ফায়ারফক্স হঠাৎ চুষতে শুরু না করে বা আমার এই সমস্যাটি না ঘটে।
আমি ক্রোম দেব সরঞ্জামটি পছন্দ করি তবে একসময় আমি ফায়ারব্যাগ থেকে এই শক্তিশালী বৈশিষ্ট্যটি মিস করেছি।
"সম্পাদনা করুন এবং পুনরায় পাঠান" অনুরোধ বৈশিষ্ট্য
ফায়ারফক্স বিকাশকারী সরঞ্জামগুলিতে "সম্পাদনা করুন এবং পুনরায় পাঠান" বৈশিষ্ট্যটির সাথে (এক্সএইচআর বা ফায়ারবাগের কিছু পুনরায় খেলুন) আপনি অনুরোধ শিরোনাম, অনুরোধ বডি, এইচটিপি পদ্ধতি এবং এমনকি ইউআরএল সহ অনুরোধের পরিবর্তনগুলির সাথে এক্সএইচআর অনুরোধটি পুনরায় খেলতে পারেন। গুগল ক্রোমের রিপ্লে এক্সএইচআর কেবল অনুরোধটি পুনরায় প্রদর্শন করে এবং অনুরোধে কোনও পরিবর্তন আনতে দেয় না।
আমার যখন এই বৈশিষ্ট্যটি প্রয়োজন তখন আমি ফায়ারফক্স ডিভলটুলগুলি ব্যবহার করি।