ক্রোম বিকাশকারী সরঞ্জামগুলিতে এক্সপথ বা সিএসএস নির্বাচক ব্যবহার করে ডিওএম উপাদানগুলি কীভাবে অনুসন্ধান করবেন?

Question

দস্তাবেজ http://code.google.com/chrome/devtools/docs/elements.html বলেছেন যে এটি এক্সপথ বা সিএসএস নির্বাচককে সমর্থন করে তবে আমি যখন চেষ্টা করেছি তখন আমার পক্ষে কাজ করে নি।

কেউ এটি ব্যবহার করতে জানেন?

Answer 1

আপনি $xChrome জাভাস্ক্রিপ্ট কনসোল ব্যবহার করতে পারেন । কোনও এক্সটেনশনের প্রয়োজন নেই।

উদা: $x("//img")

Comments

এটি একটি সহায়ক উত্তর। এটিতে যুক্ত করার জন্য, function x ফাংশনটি দ্বিতীয় alচ্ছিক যুক্তি, প্রসঙ্গ গ্রহণ করে। $ x (xpath, প্রসঙ্গ) এটি আপনাকে একটি নির্দিষ্ট iframe সামগ্রী নির্বাচন করতে, উদাহরণস্বরূপ, এবং এর বিরুদ্ধে একটি xpath ক্যোয়ারী চালানোর অনুমতি দেয়। সুতরাং প্রথম আইফ্রেমের জন্য: মাইফ্রেম = ডকুমেন্ট.সেটমেন্টস বেইট্যাগনাম ("iframe") [0]। কনটেন্ট উইন্ডো.ডোকমেন্ট.বডি; # টি এক্সপথ ক্যোয়ারী যে টেবিল কোষের জন্য iframe: $ x ("// টিডি", মাইফ্রেম);

— অ্যাডলফ ট্রুডো

সিএসএস নির্বাচকের সাহায্যে কোনও উপাদান সন্ধান করতে একজনের $$ কনসোল ফাংশন যেমন $$ ('বডি') ব্যবহার করা উচিত

— user907860

আরও কমান্ড এখানে পাওয়া যাবে: developers.google.com/chrome-developer-tools/docs/…

— দিমিত্রি Polushkin

প্রায় 2 বছর পরে এই প্রশ্নে ফিরে আসা, হ্যাঁ এইটি আরও ভাল।

— বোবো

এক্সপ্যাথগুলি ডিবাগ করার জন্য খুব ভাল! যাইহোক, $x()ফাংশনটি সাফারি কমান্ড লাইন এপিআই-তেও কাজ করে।

— অটো জি

Answer 2

অনুসন্ধান বাক্সে কেবল এক্সপ্যাথ এক্সপ্রেশন টাইপ করার কাজ করা উচিত। এটি গাছের ডগা তৈরিতে আমার জন্য কাজ করে।

বৈশিষ্ট্যটি যদিও ক্রোম 11 এ নষ্ট হয়েছে বলে মনে হচ্ছে, আমি এটিতে একটি বাগ দায়ের করেছি: http://crbug.com/79716

Comments

তুমি ঠিক. এটি কাজ করছে তবে হাইলাইট করার বৈশিষ্ট্যটি নষ্ট হয়েছে। আমি ম্যাক ওএস এক্সে ক্রোম 10.0। * ব্যবহার করছি

— ববো

নীচে মার্ক পলিটো দ্বারা আরও ভাল উত্তর।

— FGM

এটা তোলে devtool এবং Ctrl + S এর উপাদান ট্যাবে দিয়ে Chrome 32 যান কাজ করে এবং এর জন্য xPath অনুসন্ধান

— eeezyy

@ eezyy আপনি ctrl + f বলতে চান?

— বক্স

Answer 3

এক্সপথ অনুসন্ধানের জন্য ব্যবহার করুন $x('xpathSelector')। সিএসএস নির্বাচকের ব্যবহারের জন্য $('cssSelector')।

তবে এই সর্বশেষ নির্বাচকটি কেবল প্রথম ম্যাচের উপাদানটি ফেরত দেয়। আপনি যদি দেখতে চান তবে সমস্ত মিলে যাওয়া উপাদানগুলির জন্য যান$$('cssSelector')