ক্রোম বিকাশকারী সরঞ্জাম বা ফায়ারফক্সের ফায়ারব্যাগে এক্সপথ এক্সপ্রেশন কীভাবে যাচাই করবেন?


179

আমি কীভাবে আমার এক্সপথটি যাচাই করতে পারি?

আমি উপাদানগুলি পরিদর্শন করতে এবং আমার এক্সপথ তৈরি করতে Chrome বিকাশকারী সরঞ্জাম ব্যবহার করছি। আমি এটি Chrome প্লাগইন এক্সপথ পরীক্ষক ব্যবহার করে যাচাই করেছি, তবে এটি সর্বদা আমাকে ফলাফল দেয় না। আমার এক্সপথটি যাচাই করার আরও ভাল উপায়।

আমি বাগটি পরিদর্শন করতে ফায়ারব্যাগ ব্যবহার করার চেষ্টা করেছি এবং যাচাই করতে ফায়ারপথও ব্যবহার করেছি। তবে ফায়ারপথ কি এক্সপথটি যাচাই করে?

আমার শেষ বিকল্পটি হবে আমার এক্সপ্যাথটি নিশ্চিত করতে সেলেনিয়াম ওয়েবড্রাইভার ব্যবহার করা।

উত্তর:


367

ক্রৌমিয়াম

এই তিনটি ভিন্ন পন্থা (আমার ব্লগ নিবন্ধ দেখতে অর্জন করা সম্ভব এখানে আরো বিস্তারিত জানার জন্য):

  • Elementsনীচের মত প্যানেলে অনুসন্ধান করুন
  • সম্পাদন $x()এবং $$()Consoleপ্যানেল, যেমন লরেন্সের দেখানো উত্তর
  • তৃতীয় পক্ষের এক্সটেনশন (বেশিরভাগ ক্ষেত্রে সত্যই প্রয়োজন হয় না, ওভারকিল হতে পারে)

Elementsপ্যানেলে আপনি কীভাবে এক্সপ্যাথটি অনুসন্ধান করবেন :

  1. F12Chrome বিকাশকারী সরঞ্জাম খোলার জন্য টিপুন
  2. "উপাদানসমূহ" প্যানেলে, Ctrl+ টিপুনF
  3. অনুসন্ধান বাক্সে, এক্সপথ বা সিএসএস নির্বাচনকারী টাইপ করুন, যদি উপাদানগুলি পাওয়া যায় তবে সেগুলি হলুদে হাইলাইট করা হবে।

এখানে চিত্র বর্ণনা লিখুন

ফায়ারফক্স (সংস্করণ 75 থেকে)

যেহেতু এফএফ 75 মূল্যায়ন এক্সপাথ এক্সপ্রেশন ছাড়াই কাঁচা এক্সপথ ক্যোয়ারী ব্যবহার করা সম্ভব, আরও তথ্যের জন্য ডকুমেন্টেশন দেখুন।

ফায়ারফক্স (পূর্ববর্তী সংস্করণ 75)

  1. হয় ফায়ারফক্স মেনুতে ওয়েব ডেভেলপার সাবমেনু থেকে "ওয়েব কনসোল" নির্বাচন করুন (বা আপনি মেনু বারটি প্রদর্শন করেন বা ম্যাক ওএস এক্স এ থাকলে সরঞ্জাম মেনু)
    বা কীবোর্ড শর্টকাট Ctrl+ Shift+ K( ওএস এক্সে Command+ Option+ চাপুন K)।
  2. নীচে কমান্ড লাইনে নিম্নলিখিতটি ব্যবহার করুন:

    • $(): মেলে এমন প্রথম উপাদানটি প্রদান করে। পৃষ্ঠায় ফাংশনটি উপস্থিত থাকলে সমান document.querySelector()বা কল করে $it

    • $$(): মেলে এমন ডিওএম নোডের একটি অ্যারের ফেরত দেয়। এটি এর মতো document.querySelectorAll(), তবে এটির পরিবর্তে একটি অ্যারে প্রদান করে NodeList

    • $x(): এক্সপথ এক্সপ্রেশনকে মূল্যায়ন করে এবং ম্যাচিং নোডগুলির একটি অ্যারে প্রদান করে।


ফায়ারফক্স (পূর্ববর্তী সংস্করণ 49)

  1. ফায়ারব্যাগ ইনস্টল করুন
  2. ফায়ারপথ ইনস্টল করুন
  3. F12ফায়ারব্যাগ খুলতে টিপুন
  4. FirePathপ্যানেলে স্যুইচ করুন
  5. ড্রপডাউনে, এক্সপ্যাথর সিএসএস নির্বাচন করুন
  6. সনাক্ত করতে টাইপ করুন

এখানে চিত্র বর্ণনা লিখুন


2
এক্সপ্যাথ এবং ব্রাউজারগুলিতে কেবল একটি সতর্কতা, এটি প্রচুর বিভ্রান্তির দিকে নিয়ে যায়: stackoverflow.com/questions/18241029/…
জেনস এরাত

@ জেনারেট: সত্যই ভাল পয়েন্ট। অন্যদের জন্য এই মন্তব্যটি পড়ার জন্য, যেমনটি ইতিমধ্যে প্রশ্নটিতে উল্লেখ করা হয়েছে, সেলেনিয়াম প্রভাবিত হয় না কারণ এটি ব্রাউজারগুলি চালিত করে এবং ডিভাইসগুলির সাথে একই অন্তর্নিহিত জাভাস্ক্রিপ্ট মূল্যায়ন প্রযুক্তি ব্যবহার করে।
ইয়ে জেং

1
@ ব্যবহারকারী ১১776363: these: আপনি এই জিআইএফ তৈরির জন্য কোন সফ্টওয়্যার ব্যবহার করেছেন?
জ্যাসেকএম

যদি আপনার এক্সকুরির জন্য স্থানীয় পার্সার প্রয়োজন হয় তবে আমি বেসএক্স পেয়েছি: বেসএক্স.আর
tuxErrante

4
ফায়ারফক্সের জন্য উত্তরের একটি আপডেট দরকার। দুর্ভাগ্যক্রমে ফায়ারব্যাগ অপ্রচলিত এবং বিকাশকারী সরঞ্জামগুলিতে মিশে গেছে। বর্তমানে আপনি কনসোলে $("//div")
এক্সপথ

53

আপনি CTRL+Iউইন্ডোজ (বা CMD+Iম্যাক) এর সাথে ক্রোমে ডেভটুলগুলি খুলতে পারেন , এবং ফায়ারফক্স দিয়ে ট্যাবটি F12নির্বাচন করতে পারেন Console) এবং টাইপ করে এক্সপ্যাথটি পরীক্ষা করতে পারেন $x("your_xpath_here")
এটি ম্যাচের মানগুলির একটি অ্যারে ফিরিয়ে দেবে। এটি খালি থাকলে, আপনি জানেন যে পৃষ্ঠায় কোনও মিল নেই।

ফায়ারফক্স ভি 66 (এপ্রিল 2019):

ফায়ারফক্স v66 কনসোল এক্সপথ

ক্রোম ভি 69 (এপ্রিল 2019):

ক্রোম ভি 69 কনসোল এক্সপথ


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

1
@ জাজানফান, আপনার মানে কী? এই যুক্তি দ্বারা এই উত্তর দুটিই সঠিক হলেও এটি আপনার যুক্তি দ্বারা অপ্রয়োজনীয়।
অরণান

1
কনসোলে এটি চেষ্টা করার পরে @ বসঞ্জক $x("//input[@name='q']")আমি পেয়েছিVM251:1 Uncaught TypeError: $x is not a function at <anonymous>:1:1
ইয়াসেরখিল

@ ইয়াসেরখালিল আপনি কোন ব্রাউজারটি ব্যবহার করছেন, কোন সংস্করণটি? আপনি কোন সাইটে এটি করছেন?
বোসনজাক

16

ক্রোম বা অপেরা ব্যবহার করে

কোনও প্লাগইন ছাড়াই, কোনও একক এক্সপথ সিনট্যাক্স অক্ষর না লিখে

  1. প্রয়োজনীয় উপাদানটি ডান ক্লিক করুন, তারপরে "পরিদর্শন করুন"
  2. হাইলাইট এলিমেন্ট ট্যাগটিতে ডান ক্লিক করুন, অনুলিপি> এক্সপিথ অনুলিপি করুন choose

;)

এখানে চিত্র বর্ণনা লিখুন


2
ক্রোমের জন্য, এটি আমি এখনও দেখেছি সেরা সমাধান। ভাগ করে নেওয়ার জন্য ধন্যবাদ. যখন আমি ফায়ারফক্স ব্যবহার করতে চাই না তখন Chrome এ নিশ্চিত হওয়া সহজ করে তোলে।
Automationtested

আমি এটি দুর্দান্ত উপকারে ব্যবহার করেছি। তবে একটি বড় সমস্যা হ'ল কখনও কখনও প্রসঙ্গ মেনু অক্ষম হয় বা ওভাররাইট করা হয়। তারপরে আপনাকে অন্যান্য পদ্ধতির উপর নির্ভর করতে হবে।
ouflak

1
এটি আসলে প্রশ্নের উত্তর দেয় না। এটি কোনও বিদ্যমান এক্সপাথ যাচাই করছে না, এটি তৈরি করছে। যখন Chrome এর থেকে আরও ভাল সমাধান পাওয়া যায় তখন প্রায়শই এটি কুশ্রী এবং খুব ভঙ্গুর হয়।
মেজর মেজর

6

ফায়ারপথের সাথে তুলনায় ক্রোমপথের ক্রোপথ এক্সটেনশানটিতে অনেক উন্নত বৈশিষ্ট্য রয়েছে - দয়া করে নীচের পদক্ষেপগুলি অনুসরণ করুন:

  1. ডিভলটোল প্যানেল খুলুন।
  2. ওয়েবপৃষ্ঠায় যে কোনও জায়গায় ডান ক্লিক করুন।
  3. পরিদর্শন ক্লিক করুন।
  4. এলিমেন্ট ট্যাবের ডান দিকে, ChroPath ট্যাবে ক্লিক করুন।

এখানে আপনি এক্সপথ / সিএসএস পাবেন এবং এটি সম্পাদনা ও মূল্যায়নও করতে পারবেন।

অ্যাডন ডাউনলোড করুন


1
ক্রোপথ এক্সটেনশনটি এখনও ২০২০ সালে কাজ করে Thanks ধন্যবাদ। বড় সাহায্য।
বুদবুদ

1

আপনার এক্সপথটি পরীক্ষা করার জন্য আরেকটি বিকল্প হ'ল সেলেনিয়াম আইডিই ব্যবহার করা

  1. ফায়ারফক্স সেলেনিয়াম আইডিই ইনস্টল করুন
  2. ফায়ারফক্সে আপনার অ্যাপ্লিকেশনটি খুলুন এবং আইডিই খুলুন
  3. আইডিইতে, একটি নতুন লাইনে, আপনার এক্সপথটি লক্ষ্যবস্তুতে আটকান এবং অনুসন্ধান ক্লিক করুন। সম্পর্কিত প্রয়োগটি আপনার আবেদনে হাইলাইট করা হবে

সেলেনিয়াম আইডিই


0

আমি ওয়েবসিঙ্ক ক্রোম এক্সটেনশন ব্যবহার করে এক্সপথ এবং সিএসএস নির্বাচনকারীদের যাচাই করি ।

এটি নির্বাচকদের যাচাই করার সম্ভাবনা সরবরাহ করে এবং উপাদান বৈশিষ্ট্যগুলিতে ক্লিক করে নির্বাচকদের উত্পন্ন / সংশোধন করার সম্ভাবনা সরবরাহ করে।

https://chrome.google.com/webstore/detail/natu-websync/aohpgnblncapofbobbilnlfliihianac

এখানে চিত্র বর্ণনা লিখুন

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