ক্রোম বিকাশকারী সরঞ্জামগুলিতে == $ 0 (ডাবল সমান ডলার শূন্য) এর অর্থ কী?

Question

গুগল ক্রোমের বিকাশকারী সরঞ্জামগুলিতে, আমি যখন কোনও উপাদান নির্বাচন করি তখন আমি ==$0নির্বাচিত উপাদানটির পাশে দেখি । ওটার মানে কি?

Comments

এটি নির্বাচিত ডোম নোড আইডি। যে কোনও নোড নির্বাচন করার চেষ্টা করুন এবং $0কনসোলে লিখুন এবং দেখুন কী হবে;)

— অচলাবস্থায়

এটা খুব বিভ্রান্তিকর। দেখে মনে হচ্ছে কেউ কোনও জাভাস্ক্রিপ্ট লিখেছেন যা তারা স্ক্রিপ্ট ট্যাগে রাখতে ভুলে গেছেন। আমি আমার কোডটিতে কোথায় গণ্ডগোল করেছি তা জানার চেষ্টা করতে আমি দশ মিনিট সময় কাটিয়েছি ...

— কিপ

নিম্নলিখিতটি বিকাশকারী.চ্রোম

— মুকেশ

আমি মনে করি যে ক্লিক করা লাইনের মধ্যে কেবল ভিন্ন ভিন্ন ব্যাকগ্রাউন্ড রঙই যথেষ্ট হওয়া উচিত ... আমি এইচটিএমএল উত্সে == $ 0 যুক্ত করার প্রয়োজন দেখছি না ... খারাপ ধারণা। Chrome doind ক্রোম-ইশ স্টাফ।

— সেরজিও অ্যাব্রেউ

বিকাশকারীদের

— ডটকম

Answer 1

এটি সর্বশেষ নির্বাচিত ডোম নোড সূচক। আপনার নির্বাচিত প্রতিটি ডিওএম নোডে ক্রোম একটি সূচি বরাদ্দ করে। সুতরাং $0সর্বদা আপনার নির্বাচিত সর্বশেষ নোডের দিকে $1নির্দেশ করবে এবং এর আগে আপনি নির্বাচিত নোডটিকে নির্দেশ করবে। এটিকে সর্বাধিক নির্বাচিত নোডগুলির স্ট্যাকের মতো ভাবেন।

উদাহরণ হিসাবে, নিম্নলিখিত বিবেচনা করুন

<div id="sunday"></div>
<div id="monday"></div>
<div id="tuesday"></div>

এখন আপনার খোলা DevTools কনসোল এবং নির্বাচিত #sunday, #mondayএবং #tuesdayউল্লেখ জন্য, আপনাকে মত আইডি পাবেন:

$0 -> <div id="tuesday"></div> 
$1 -> <div id="monday"></div>
$2 -> <div id="sunday"></div>

দ্রষ্টব্য: আপনার স্ক্রিপ্টগুলিতে নোডটি নির্বাচনযোগ্য (বা কনসোল), এটি উদাহরণস্বরূপ এর জন্য একটি জনপ্রিয় ব্যবহার কৌণিক উপাদান নির্বাচনকারী, যাতে আপনি কেবল আপনার নোডটি বেছে নিতে পারেন এবং এটি চালাতে পারেন তা জেনে রাখা কার্যকর হবে:

angular.element($0).scope()

ভয়েলা আপনি কনসোলের মাধ্যমে নোড স্কোপে অ্যাক্সেস পেয়েছেন।

Comments

এর ব্যবহার / সুবিধা কী?

— জো_ইউং

আমি বিশ্বাস করি এটি ডিবাগ করতে সহায়ক হতে পারে। একটি সাধারণ নির্বাচক ব্যবহার করে পরিদর্শন করা উপাদানটিতে অ্যাক্সেস করার ক্ষমতা ডিবাগিংয়ের সময় অনেক পরিস্থিতিতে সহায়তা করতে পারে।

— সময়সীমা

তাই == $0ইউআইতে সবসময় কী ভাল দেখাচ্ছে ? যে কেউ সম্পর্কে জেনে $0যাবে সে ইতিমধ্যে জানবে যে এটি কোন উপাদানটি, এবং এটি যার কাছে নেই তা অর্থহীন।

— ব্লুরাজা - ড্যানি পিফ্লুঘোফিট

@ জো_ইউং, আমি মনে করি যে জিনিসগুলি টুইট করার সময় সুবিধাটি কনসোলে উপাদানগুলিতে দ্রুত অ্যাক্সেস করতে সক্ষম হচ্ছে। এখানে আমি এটি প্রদর্শন করে এক ভিডিও রেখেছি! youtu.be/AKLdx8z6aDk

— রোকোবি

@ লুকাডেনার্দি হ্যাঁ, এটি উত্পাদনে ক্ষতিকারক এবং প্রতিটি কৌণিক বিকাশকারী এই লাইনটি যুক্ত করে: - $ সংকলনপ্রোভাইডার.দেবগি ইনফয়েএনেবল (মিথ্যা); পারফরম্যান্স বৃদ্ধির জন্য তাদের অ্যাপের কনফিগারেশনে। তবে আপনি সহজেই কৌনিকটি চালাতে পারেন.ড্রয়েডব্যাগইনফো (); প্রয়োজনে ডিবাগ করতে কনসোলে।

— বরুণ শর্মা

Answer 2

Recently 0 সর্বাধিক নির্বাচিত উপাদান বা জাভাস্ক্রিপ্ট অবজেক্ট প্রদান করে, $ 1 সর্বাধিক নির্বাচিত দ্বিতীয়টি প্রদান করে এবং এই জাতীয় কিছু।

তথ্যসূত্র : কমান্ড লাইন এপিআই রেফারেন্স

Answer 3

এখানে অন্যান্য উত্তরগুলি পরিষ্কারভাবে ব্যাখ্যা করেছে এর অর্থ কী। আমি এর ব্যবহারটি ব্যাখ্যা করতে চাই।

আপনি elementsট্যাবে একটি উপাদান নির্বাচন করতে পারেন consoleএবং ক্রোমে ট্যাবে স্যুইচ করতে পারেন । কেবল টাইপ করুন $0 or $1বা যাই হোক না কেন নাম্বার টিপুন এবং এন্টার টিপুন এবং উপাদানটি আপনার ব্যবহারের জন্য কনসোলে প্রদর্শিত হবে।

Answer 4

এটি আপনাকে জানাতে ক্রোমের ইঙ্গিত যে আপনি যদি কনসোলে $ 0 টাইপ করেন তবে এটি সেই নির্দিষ্ট উপাদানের সমতুল্য হবে।

অভ্যন্তরীণভাবে, ক্রোম একটি স্ট্যাক বজায় রাখে, যেখানে $ 0 টি নির্বাচিত উপাদান, $ 1 হল সর্বশেষ নির্বাচিত উপাদান, $ 2 হ'ল $ 1 এবং এর আগে নির্বাচিত হয়েছিল।

এর কয়েকটি প্রয়োগ এখানে দেওয়া হল:

• কনসোল থেকে ডিওএম উপাদানগুলি অ্যাক্সেস করা হচ্ছে: $ 0
• কনসোল থেকে তাদের বৈশিষ্ট্য অ্যাক্সেস করা হচ্ছে: $ 0.PareElement lement
• কনসোল থেকে তাদের বৈশিষ্ট্য আপডেট করা হচ্ছে: .c 1.classList.add (...)
• কনসোল থেকে সিএসএস উপাদান আপডেট করা হচ্ছে: $ 0. স্টাইল.ব্যাকগ্রাউন্ড কালার = "একোয়া"
• কনসোল থেকে সিএসএস ইভেন্টগুলি ট্রিগার করছে: $ 0 ক্লিক করুন ()
• এবং আরও অনেক জটিল স্টাফ করা , যেমন: $ 0. অ্যাপেনডিল্ড (ডকুমেন্ট.ক্রেটএলিমেন্ট ("ডিভ"))

এই সমস্ত কর্মে দেখুন:

ব্যাকিং বিবৃতি:

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

Answer 5

আমি বলব এটি ডিবাগিংয়ের সময় এইচটিএমএল উপাদানটির রেফারেন্স পাওয়ার জন্য কেবল শর্টহ্যান্ড সিনট্যাক্স, সাধারণভাবে এই ধরণের টাস্ক এই পদ্ধতি দ্বারা সম্পাদন করবে

document.getElementById , document.getElementsByClassName , document.querySelector

সুতরাং এইচটিএমএল উপাদানটিতে ক্লিক করা এবং কনসোলে একটি রেফারেন্স ভেরিয়েবল ($ 0) পাওয়াটাই দিনের সময় সময় সাশ্রয়ী