গুগল ক্রোম ফায়ারবগের সমতুল্য কী?


29

আমি এমন একটি সরঞ্জাম খুঁজছি যা করতে পারে:

  • এইচটিএমএল উপাদানগুলি পরিদর্শন করুন
  • জাভাস্ক্রিপ্ট পরিচালনা / ডিবাগ করুন
  • প্রোফাইল কর্মক্ষমতা
  • রিয়েল-টাইমে উপাদানগুলি সংশোধন করুন

উত্তর:


32

এটি অন্তর্নির্মিত Page পৃষ্ঠা [কাগজ] -> বিকাশকারী -> বিকাশকারী সরঞ্জাম (ক্রোম ভি 5 এবং এর মধ্যে)। এটি সংস্করণে পৃষ্ঠা বোতামটি অদৃশ্য হয়ে যাওয়ার কারণে এটি v6-এ পৃথক হতে পারে।


3
গুগলের সরঞ্জামটিতে কিছু ত্রুটি রয়েছে - এজাক্স অনুরোধগুলি দেখার পক্ষে সহজ নয়, কোনও মাল্টলাইন মোড সুবিধাজনক নয়, আপনি কোনও উইন্ডোতে এইচটিএমএল সম্পাদনা করতে পারবেন না, এটি এইচটিএমএল ট্রিতে হোভারের প্যাডিং / মার্জিনগুলি দেখায় না, আপনি কেবল আসল ডোম নেভিগেট করতে পারবেন না (কেবলমাত্র এইচটিএমএল ট্রি) এবং সর্বশেষে তবে কমপক্ষে নয়, আমি সিএসএস সম্পাদনা বৈশিষ্ট্যগুলিকে কেবল ক্লানকিয়ার হিসাবে দেখতে পাই - গুগলের কোনও জিনিসের জন্য কোনও স্বয়ংক্রিয়রূপ নেই। এটি এখনও খুব ব্যবহারযোগ্য, তবে ফায়ারব্যাগ আরও ভাল।
সিজিপি

2
বা অলসতার জন্য shift-ctrl-I :)
টিম পোস্ট

1
@ মার্ক নোট, আমি 5.0.375.99 ব্যবহার করছি। এখনই বা ভবিষ্যতে যদিও এটি কোনও পার্থক্য করে কিনা তা আমি নিশ্চিত নই।
ইভান প্লেস

1
ভি 6-তে এটি রেঞ্চ -> সরঞ্জাম -> বিকাশকারী সরঞ্জাম
এনওব্রেভ

17

ডান ক্লিক করুন -> উপাদান পরিদর্শন করুন



5

মূল প্রশ্নটি জিজ্ঞাসা করার পরে 4 বছর হয়ে গেছে। ক্রোম (স্থিতিশীল) এখন সংস্করণ 38. দীর্ঘকাল এ একটি সম্পূর্ণ সেট অন্তর্ভুক্ত করেছেন বিকাশকারী সরঞ্জামসমূহ যে ফায়ারফক্সের জন্য ফায়ারবাগকে প্রায় সমতুল্য (যদিও প্রসঙ্গক্রমে ফায়ারফক্স এমনকি একটি হয়েছে বিল্ট-ইন পরিদর্শক খুব)।

Chrome এর বিকাশকারী সরঞ্জামগুলি আপনাকে কিছু করার অনুমতি দেয়:

  • ডিওএম পরিদর্শন করুন
  • সিএসএস পরিদর্শন করুন
  • একটি জাভাস্ক্রিপ্ট কনসোল অ্যাক্সেস করুন
  • ডিবাগ জাভাস্ক্রিপ্ট
  • নেটওয়ার্ক অনুরোধ, সময় এবং প্রতিক্রিয়া দেখুন
  • রেন্ডারিং, জাভাস্ক্রিপ্ট এবং সিএসএস কার্য সম্পাদন দেখুন
  • স্থানীয় স্টোরেজ এবং কুকিজগুলি পরিদর্শন করুন

ডেভ সরঞ্জামগুলি বিভিন্ন উপায়ে অ্যাক্সেস করা যায়।

  • Chrome মেনু -> সরঞ্জাম -> বিকাশকারী সরঞ্জাম

  • Ctrl+ + Shift+ + Iউইন্ডোজ অথবা Cmd+ + Shift+ + Iম্যাক

  • F12 উইন্ডোজে

  • কোনও পৃষ্ঠার যে কোনও জায়গায় ডান-ক্লিক করুন এবং উপাদান পরিদর্শন করুন নির্বাচন করুন


3

ইন-ব্রাউজার সরঞ্জামগুলি তাদের কাজের ক্ষেত্রে দুর্দান্ত এবং সাধারণত আপনার সেরা প্রথম পছন্দ হয় তবে কখনও কখনও তারা HTTP অনুরোধ / প্রতিক্রিয়া প্রদানের লোডগুলিতে পর্যাপ্ত প্রযুক্তিগত বিবরণ সরবরাহ করে না বা খুব পৃষ্ঠা-নির্দিষ্ট করে তোলে।

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

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


আমি এটি বলতে পারি না যে আমি ফিডলারের সাথে পরিচিত তবে ওয়্যারশার্ক অবশ্যই অত্যধিক বেয়ার-মেটাল। আপনার যদি নিম্ন স্তরের প্রোটোকলের বিশদটি দেখার প্রয়োজন হয় তবে ওয়্যারশার্ক সত্যই কার্যকর।
ইভান প্লেস

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

1

আপনি গুগলের ওপেন সোর্স স্পিড ট্রেসারও চেষ্টা করতে পারেন - http://code.google.com/webtoolkit/speedtracer/

স্পিড ট্রেসার আপনাকে আপনার ওয়েব অ্যাপ্লিকেশনগুলিতে পারফরম্যান্স সমস্যা চিহ্নিত করতে এবং ঠিক করতে সহায়তা করার একটি সরঞ্জাম। এটি ব্রাউজারের ভিতরে নিম্ন স্তরের উপকরণ পয়েন্টগুলি থেকে নেওয়া মেট্রিকগুলিকে ভিজ্যুয়ালাইজ করে এবং আপনার অ্যাপ্লিকেশনটি চলার সাথে সাথে সেগুলি বিশ্লেষণ করে। স্পিড ট্রেসার একটি Chrome এক্সটেনশন হিসাবে উপলভ্য এবং সমস্ত প্ল্যাটফর্মগুলিতে কাজ করে যেখানে এক্সটেনশানগুলি বর্তমানে সমর্থিত (উইন্ডোজ এবং লিনাক্স)।

স্পিড ট্রেসার ব্যবহার করে আপনি আপনার আবেদনে কোথায় সময় ব্যয় করছেন তার একটি আরও ভাল চিত্র পেতে সক্ষম হন। এটিতে জাভাস্ক্রিপ্ট পার্সিং এবং কার্যকরকরণ, লেআউট, সিএসএস স্টাইল পুনঃসংযোগ এবং নির্বাচক ম্যাচিং, ডিওএম ইভেন্ট হ্যান্ডলিং, নেটওয়ার্ক রিসোর্স লোডিং, টাইমার ফায়ারস, এক্সএমএলএইচটিপিআরকেস্ট কলব্যাকস, পেইন্টিং এবং আরও অনেক কিছুর কারণে সমস্যা রয়েছে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.