গুগল ক্রোমের জন্য ফায়ারব্যাগের মতো ডিবাগার

Question

ফায়ারব্যাগের মতো এমন কিছু আছে যা আপনি গুগল ক্রোমে ব্যবহার করতে পারেন?

প্রয়োজনীয় বৈশিষ্ট্যগুলি আমি চাই:

• এইচটিএমএল উত্সটি পরীক্ষা করুন (উপাদান নির্বাচন করুন, তাদের মুছুন ইত্যাদি)
• সিএসএসের মানগুলি পরীক্ষা করুন (বিল্ট-ইন সলিউশনটি অদ্ভুত, কোনওভাবে)

Comments

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

— নাথান কোপ

@ নাথান কোপ: আমি ভুল হতে পারি, তবে আমি মনে করি না যে ক্রোম এক্সটেনশন সিস্টেম ফায়ারব্যাগের মতো কিছু করার পক্ষে যথেষ্ট শক্তিশালী।

— সাশা চেদিগোভ

ব্রাউজারে ফায়ারব্যাগ পেতে এই লিঙ্কটি দেখুন: getfirebug.com/releases/lite/chrome

— টেকি

Answer 1

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

আরও তথ্যের জন্য, https://developers.google.com/chrome-developer-tools/ দেখুন

Comments

++ এটি Chrome- নির্দিষ্ট সমস্যাগুলির সমস্যার সমাধানের জন্য যথেষ্ট enough যদি আমি গভীর অন্তর্নির্ধারণ চাই তবে আমি ফায়ারব্যাগ দিয়ে এটি করতে পারি। এখন আইই 8 এর নতুন বিকাশকারী মোডের সাহায্যে সমস্ত বড় ব্রাউজারগুলি ডেভ মোডগুলি তৈরি করেছে। ভাল সময়।

— বন্দুক

আহ, এটি খুঁজে পেতে আমাকে খানিকটা সময় নিয়েছিল, তবে ফায়ারব্যাগের এইচটিএমএল সম্পাদনা কার্যকারিতাও একই জায়গায় রয়েছে, আপনি একই জায়গায় সিএসএস, বিকাশকারী সরঞ্জামদণ্ড সম্পাদনা করতে পারেন, কোনও উপাদানকে ডাবল ক্লিক করতে পারেন, টাইপ করুন এবং এন্টার টিপুন এবং সেখানে আপনি যান, এইচটিএমএল সম্পাদিত।

— কেজকাই

ক্রোম বিকাশকারী সরঞ্জাম (সিটিআরএল + শিফট + জ) জাভাস্ক্রিপ্ট ডিবাগিং ফায়ারব্যাগের মতো সমর্থন করে। স্ক্রিপ্টস ট্যাবে ক্লিক করুন তারপরে নীচে (> =) দ্বিতীয় আইকনে যা "শো কনসোল" এর একটি টুলটিপ রয়েছে। সেখান থেকে আপনি ফায়ারব্যাগ কনসোলের মতো জাভাস্ক্রিপ্ট কমান্ডগুলি কার্যকর করতে পারেন।

— পিয়েরে-এন্টোইন লাফায়েট

কিছু লিনাক্স-ভিত্তিক সিস্টেমে এটি মনে রাখবেন যে এটি স্বয়ংক্রিয়ভাবে ইনস্টল হবে না, সুতরাং আপনাকে এটি ম্যানুয়ালি ইনস্টল করতে হবে: সুডো অ্যাপ্লিকেশন ক্রোমিয়াম-ব্রাউজার-পরিদর্শক ইনস্টল করুন

— ম্যানুয়েল

বর্তমান দেব বিল্ড 4.0.xxxxxx বিকাশকারী সরঞ্জামগুলির একটি সেট রয়েছে। আমি পরিদর্শনকারী উপাদানগুলির স্টাফ সম্পর্কে আগে জানতাম তবে "নেট" প্যানেল ছাড়া এটি যথেষ্ট ভাল ছিল না। তবে এখন একটি "রিসোর্স" প্যানেল রয়েছে যা বেশ ভালভাবে কাজ করছে বলে মনে হচ্ছে এবং ফায়ারব্যাগের মতো সমস্ত ফিল্টার রয়েছে (স্ক্রিপ্টস, এক্সএইচআর, চিত্রগুলি, ইত্যাদি)। আমি এক সপ্তাহ ধরে দেব বিল্ডটি ব্যবহার করছি এবং এটি বেশ স্থিতিশীল বলে মনে হচ্ছে। আমি অবশেষে আমার ডিফল্ট ব্রাউজারটিকে ক্রোমে সেট করেছি - এখন এটি আমার ডেভ ব্রাউজারও! :)

— মার্ক জে মিলার

Answer 2

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

http://getfirebug.com/lite.html

Comments

দুর্দান্ত লিঙ্ক! আইই সংস্করণ সম্পর্কে জানতেন না

— প্যাট্রিক দেশজার্ডিনস

Answer 3

যে কেউ প্রতিদিন ফায়ারব্যাগ / ক্রোম ইন্সপেক্টর ব্যবহার করে সে হিসাবে কেবল কয়েকটি টকিং পয়েন্ট যুক্ত করুন :

1. লেখার সময়, কেবলমাত্র গুগল ডিওএম ইন্সপেক্টর রয়েছে এবং এতে ফায়ারব্যাগের সমস্ত বৈশিষ্ট্য নেই

2. ইন্সপেক্টর ফায়ারবাগের একটি 'হালকা' সংস্করণ: ইন্টারফেসটি খুব ভাল আইএমও নয়, সাম্প্রতিক সংস্করণগুলিতে উপাদান পরিদর্শন এখন আঠালো, তবে ফায়ারব্যাগ এখনও আরও ভাল; আমি নিজেকে ক্রোমের প্রতি ভালবাসা খুঁজে পাওয়ার চেষ্টা করতে দেখি (যেহেতু এটি একটি উন্নততর, দ্রুত ব্রাউজারের অভিজ্ঞতা) তবে উন্নয়ন কাজের জন্য, এটি এখনও আমার জন্য চুষে খায়।

3. ডায়ম / সিএসএসের লাইভ প্রাকদর্শন / পরিবর্তন ফায়ারব্যাগে এখনও আরও ভাল; গণনা করা সিএসএস এবং বক্স মডেল ভিউ ফায়ারবগে আরও ভাল;

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

5. ফায়ারব্যাগে কুকিজ / নেট ট্যাব আমার পক্ষে অত্যন্ত দরকারী। ক্রোম ইন্সপেক্টর এর এখন কি আছে? গতবার আমি এটি পরীক্ষা করেছিলাম না কারণ ক্রোম আপনার হস্তক্ষেপ ছাড়াই ব্যাকগ্রাউন্ডে নিজেকে আপডেট করে (সমস্ত ভাল ওভারলর্ডের মতো ডিফল্টরূপে আপনার সম্মতি পায়)।

6. শেষ পয়েন্ট: যে দিন গুগল ক্রোম পুরোপুরি বৈশিষ্ট্যযুক্ত ফায়ারবাগ পেয়েছিল সেদিন ফায়ারফক্স মূলত বিকাশকারীদের জন্য মারা যায় কারণ ফায়ারফক্সের লেআউট ইঞ্জিন গেকোকে ওয়েবকিটের মতো দ্রুত করার জন্য ফায়ারফক্সের 3 বছর ছিল এবং তারা তা করেনি। এতো কথায় কথায় রাখার জন্য দুঃখিত তবে এটি সত্য।

আপনি দেখুন, এখন সবাই মোবাইল অ্যাক্সেসিবিলিটি এবং ইন্টারঅ্যাক্টিভিটি (আইফোন, আইপ্যাড, অ্যান্ড্রয়েড) দ্বারা প্ররোচিত জিকুয়ের পরিবর্তে ফ্ল্যাশ থেকে দূরে সরে যেতে চায় এবং জাভাস্ক্রিপ্ট 'হঠাৎ' একটি বড় ব্যাপার (এটি ব্যঙ্গাত্মক), যাতে জাহাজটি যাত্রা করেছিল, ফায়ারফক্স। এবং এটি আমাকে দু: খিত করে, একজন মজিলা অনুরাগী হিসাবে। ফায়ারফক্স তাদের জাভাস্ক্রিপ্ট ইঞ্জিন আপগ্রেড না করা পর্যন্ত ক্রোম কেবলমাত্র একটি ভাল ব্রাউজার।

Comments

ফায়ারফক্স চড়াই উতরাই চলছে। এখন পর্যন্ত (২০১৩) ক্রোম ডেভলগুলি ফায়ারবগের চেয়ে অনেক বেশি শক্তিশালী ... এবং ফায়ারফক্স সকলেই তাদের প্রচেষ্টা ফায়ারফক্স ওএসে ফোকাস করছে যা অ্যান্ড্রয়েড ফ্রডোর কাছাকাছিও নয় .. তারা জেএস এবং রেন্ডারিংয়ের জন্য খুব বেশি প্রচেষ্টাও করেনি দ্রুত।

— Phyo আরকার লুইন

Answer 4

F12

আমি শর্টকিজ পছন্দ করি

Comments

এক লোক সিটিআরএল শিফট জে :)

— বিশাল শর্মা

Answer 5

এটি ব্যবহার করে দেখুন, এটিকে ফায়ারব্যাগ লাইট বলা হয় এবং ক্রোমের বিটা সংস্করণটি দৃশ্যত কাজ করে।

আপনি এটি এটিকে এটিও পেতে পারেন: https://chrome.google.com/extensions/

Comments

এটি ক্রোমের অফিশিয়াল এক্সটেনশান

— ওয়েবনেট

Answer 6

ক্রোম / ক্রোমিয়াম ব্রাউজারে সর্বদা ফায়ারব্যাগ লাইট উপলভ্য হওয়ার জন্য আপনি এই "বুকমার্কস বার" এ এই বুকমার্কলেটটি সেট করতে পারেন (এটি URL হিসাবে রাখুন):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Answer 7

অথবা ব্যবহারকারীর স্ক্রিপ্টগুলি ব্যবহার করে দেখুন: http://dev.chromium.org/developers/design-documents/user-script

Answer 8

জিক্যুরিফাই হ'ল ক্রোম কনসোলটিতে jQuery এম্বেড করার নিখুঁত এক্সটেনশন এবং আপনি কল্পনা করতে পারেন তত সহজ। এই এক্সটেনশনটি আরও জানায় যে jQuery ইতিমধ্যে কোনও পৃষ্ঠায় এম্বেড করা হয়েছে।

এই এক্সটেনশানটি আপনি চান যে কোনও পৃষ্ঠাতে jQuery এম্বেড করতে ব্যবহৃত হয়। এটি কনসোল শেলটিতে jQuery ব্যবহার করতে দেয় (আপনি Ctrl+ Shift+ j" ক্রোম কনসোলটি আহ্বান করতে পারেন ))

নির্বাচিত ট্যাবে jQuery এম্বেড করতে এক্সটেনশন বোতামে ক্লিক করুন।

Answer 9

অফিসিয়াল ফায়ারব্যাগ ক্রোম এক্সটেনশন বা আপনি নিজে এক্সটেনশনটি ডাউনলোড এবং প্যাকেজ করতে পারেন।

https://getfirebug.com/releases/lite/chrome/

Comments

কেবল স্পষ্টতার জন্য: এটি একটি ফায়ারবগ লাইট এক্সটেনশনের একটি লিঙ্ক যা ফায়ারবগ এক্সটেনশান নয়।

— নিউরোএসসিআর

পূর্বে সরবরাহ করা লিঙ্কটি ভেঙে দেওয়া হয়েছিল। এই উত্তরটি একটি নতুন লিঙ্ক সহ আপডেট করুন।

— রব হুশকা

Answer 10

ঠিক আছে, গুগল ক্রোমের জন্য গ্রিসমোনকি স্ক্রিপ্টগুলি সক্ষম করা সম্ভব তাই এই পদ্ধতিটি ব্যবহার করে ফায়ারব্যাগ ইনস্টল করার কোনও উপায় আছে? ফায়ারব্যাগ লাইটও কাজ করবে, তবে এটি সম্পূর্ণ বৈশিষ্ট্যযুক্ত ব্যবহার করার মতো অনুভূতি নয় :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

Answer 11

এটি আপনার প্রশ্নের উত্তর দেয় না তবে, আপনি যদি এটি মিস করেন তবে ক্রিস পেডারিকের ওয়েব বিকাশকারী এখন ক্রোমের জন্য উপলভ্য: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm ।

Answer 12

আপনার সকলকে এই ব্রাউজারের স্বাধীন ইন্সপেক্টর, ডম আপডেটেটারের জন্য প্রয়োজনীয় সমস্ত কিছু ভুলে যান

https://goggles.webmaker.org/en-US

শুধু বুকমার্ক করুন এবং যে কোনও ওয়েবপৃষ্ঠায় যান এবং সেই বুকমার্কটি ক্লিক করুন ..

এটি হ'ল মজিলা প্রকল্প গগলস, আশ্চর্যজনক আশ্চর্যজনক ...

Comments

তারা এটি বন্ধ করে দিচ্ছে।

— স্টিভ মোরটজ

Answer 13

F12 (শুধুমাত্র লিনাক্স এবং উইন্ডোতে)

অথবা

Ctrl ⇧ I

( ⌥ ⌘ Iআপনি যদি ম্যাকের উপরে থাকেন)

Answer 14

গুগল ক্রোমের জন্য দয়া করে ফায়ারব্যাগ লাইট ব্যবহার করে দেখুন

Answer 15

আপনি যদি রাত্রে পিপিএ ব্যবহার করে উবুন্টুতে ক্রোমিয়াম ব্যবহার করে থাকেন তবে আপনার উচিত chromium-browser-inspector