গুগল ক্রোমে এক্সপ্যাথ পাওয়ার কোনও উপায় আছে কি?


346

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

একটি পূর্ণ এক্সপথ অনুলিপি করার উপায় আছে?


2
আপনি যদি ক্রোম ছাড়াও ফায়ারফক্স ইনস্টল করতে ইচ্ছুক হন তবে আপনি এক্সপ্যাটার এক্সটেনশনটি ব্যবহার করতে পারেন ।
অ্যাড্রিয়ান গ্রিগোর

4
যদি সে ফায়ারফক্স ইনস্টল করতে ইচ্ছুক থাকে তবে এটি ইতিমধ্যে ফায়ারব্যাগে তৈরি।
ভারহোজেন

2
@ ওভারহোগেন: আমি প্রায় প্রতিদিনের ভিত্তিতে ফায়ারব্যাগ ব্যবহার করি, যদিও আমি এটি সম্পর্কে অবগত ছিলাম না। অন্য কেউ যদি আরও তথ্যে
অ্যাড্রিয়ান গ্রিগোর

আমি এটিও উপস্থাপন করছি .... গুগল ক্রোমে এক্সপথ হেল্পার ভাল কাজ করে না, উভয়ই [Ctrl + Shift + X] শর্টকাট কী টিপে বা কালো "এক্স পাথ" বোতামটি (রেঞ্চ বোতাম দ্বারা) ক্লিক করার সময় পৃষ্ঠাটিতে জেএস ত্রুটি থাকলে জেএস কনসোল। এবং আমি Chrome এর জন্য অন্য কোনও ভাল অ্যাড-অন খুঁজে পাইনি। মজিলার জন্য "এক্সপথ পরীক্ষক" অ্যাড-অন ডাউনলোড করবেন না। আমি অ্যাড-অন হিসাবে সমস্যাগুলিও খুঁজে পেয়েছি। আপনার ফায়ারফক্স খোলা থাকাকালীন "এক্সপ্যাথার" পেয়ে যাবেন এবং এটি ডাউনলোড করুন (অন্য কোনও ব্রাউজার নেই) তা নিশ্চিত করুন। "এক্সপ্যাথার" রাইট ক্লিক ক্লিক করুন এবং "এক্সপ্যাথারে দেখান"
ম্যাকগাইভার

এখন ক্রোমের একটি "এক্সপ্যাথার" এক্সটেনশনও রয়েছে। আমি মনে করি এটি খুব ভাল। উইন্ডোটি সক্রিয় করতে Alt-'x '। আপনি xpath ইনপুট করতে পারেন এবং মেলে ফলাফলগুলি দেখতে পারেন। মিলিত ফলাফলের প্রদর্শনটি বেশ ঝরঝরে।
gm2008

উত্তর:


555

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

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

এছাড়াও ওয়েব পরিদর্শকের অনুসন্ধান বাক্সটি এক্সপ্যাথটি গ্রহণ করবে


2
ভাল - যদিও আমি নিশ্চিত না যে এটি আসল প্রশ্নের উত্তর দেয়। আপনি এটি সম্পর্কে কীভাবে জানতে পেলেন? আমি ভাবছি কনসোলে অন্য কোনও অনুরূপ ফাংশন পাওয়া যায় কিনা।
Huyz

4
আমার ধারণা, ক্রোম ফায়ারবগ
huyz

99
তিনি জিজ্ঞাসা করেছিলেন, "আমি কীভাবে এক্সপাথ দ্বারা নির্বাচন করব?" তিনি ছিলেন না?
ম্যাক্স উইলিয়ামস

3
আকর্ষণীয় কিভাবে Ctrl+Spaceপ্রকাশ করে না $x। আপনি যদি কেবল টাইপ করেন তবে $xদেখতে পাবেন যে এটি কীভাবে অর্জন করেছে, সুতরাং ওপিকে তারা কী চায় তা কীভাবে অর্জন করতে হয় তা নির্ধারণ করতে সক্ষম হওয়া উচিত। উদাহরণ স্বরূপ; document.evaluate('//h1', document, null, XPathResult.STRING_TYPE, null).stringValue
আলাসদায়ের

5
@ হুইজ - একই রকম ফাংশন উপলব্ধ। ডেভেলপারস google.com/chrome-developer-tools/docs/console দেখুন । $ 0 বিশেষভাবে দরকারী: আপনি ডিওএম সরঞ্জামে নির্বাচিত সর্বশেষ উপাদান। $ ($ 0) এটিকে jQuery অবজেক্ট তৈরি করে (যদি jQuery উপলব্ধ থাকে)। এছাড়াও, নিবন্ধটিতে অনুলিপি ($ 0) উল্লেখ করা হয়নি, যা ক্লিপবোর্ডে অনুলিপি করে। (প্রসঙ্গক্রমে, আমি মাত্র xx আবিষ্কার করেছি এবং এই থ্রেডটি পেয়েছি, কারণ আমি কনসোলে অন্য কোনও কিছুর জন্য সেই পরিবর্তনশীলটি ব্যবহার করার চেষ্টা করছিলাম))
নাথান লং

242

নোডে ডান ক্লিক করুন => "এক্সপিথ অনুলিপি করুন"


19
এটি এক্সপথ পাওয়ার সবচেয়ে ভঙ্গুর উপায়, বিষয়বস্তু পরিবর্তনের সাথে সাথে এটি খুব সম্ভবত ভেঙে যায়
হুয়ান মেন্ডেস

8
@ জুয়ানমেন্ডেস কী বিকল্প?
নাট

9
@ নেটে কোনও সহজ বিকল্প নেই যদি আপনি চান আপনার এক্সপথটি নথির পরিবর্তনের সাথে সাথে কাজ করতে পারে। আপনাকে কেবল এটি সম্পর্কে ভাবতে হবে এবং আপনার এক্সপ্যাথে অতিরিক্ত অতিরিক্ত তথ্য যুক্ত না করার চেষ্টা করতে হবে। থাম্বের একটি নিয়ম হ'ল আপনার এক্সপথটি যত দীর্ঘ হবে, অন্যান্য প্রসঙ্গে কাজ করার সম্ভাবনা তত কম।
জুয়ান মেন্ডেস

এটি আপনাকে পৃষ্ঠায় অনন্য উপাদানের জন্য একটি সত্যিকারের এক্সপথ দেয় না। এটা বেশ কঠিন হবে।
সিজে 7

1
গুগল ক্রোমের নতুন সংস্করণে আপনাকে নোডের ডানদিকে ক্লিক করতে হবে এবং অনুলিপি বিকল্পে সরানো এক্সপিথ আইটেমটি অনুলিপি করতে হবে।
ওমিদ নাসরী

92

উপরের সমস্ত উত্তর সঠিক এখানে স্ক্রিনশট সহ আরও একটি উপায়।

ক্রোম থেকে:

  1. আপনি যে এক্সপথটি সন্ধান করার চেষ্টা করছেন সে আইটেমে "পরিদর্শন করুন" রাইট ক্লিক করুন
  2. কনসোলের হাইলাইট করা অঞ্চলটিতে ডান ক্লিক করুন।
  3. এক্সপিথ অনুলিপি করুন

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


24

এক্সপাথ হেল্পার এক্সটেনশন আপনার যা প্রয়োজন তা করে: https://chrome.google.com/webstore/detail/hgimnogjllphhhkhlmebbmlgjoejdpjl


কেউ কি উবুন্টুতে কীবোর্ড কমান্ডগুলি জানেন? crtl-shift-x এবং কমান্ড-শিফট-এক্স কিছু করতে দেখা যাচ্ছে না
xiatica

1
@ এক্সিয়েটিকা, আপনি কি নতুন / রিফ্রেশ ট্যাবে চেষ্টা করেছিলেন? নোট করুন যে এক্সটেনশনটি ট্যাবগুলিতে কাজ করবে না যেগুলি ইনস্টলেশন করার আগে খোলা ছিল; এই জাতীয় ট্যাবগুলি অবশ্যই রিফ্রেশ করা উচিত।
আসাদভস্কি

13

ক্রোমে এখন কোনও এক্সটেনশনের প্রয়োজন নেই। আপনি যে কোনও উপাদানটির জন্য xpath চান তার উপর রাইট ক্লিক করুন এবং "পরিদর্শন উপাদান" টিপুন এবং তারপরে আবার পরিদর্শকের অভ্যন্তরে, উপাদানটিতে ডান ক্লিক করুন এবং "অনুলিপি এক্সপথ" ক্লিক করুন।


11
এই পদ্ধতিটি ইতিমধ্যে পূর্ববর্তী উত্তরে উল্লেখ করা হয়েছে, গত বছর পোস্ট করা হয়েছে: stackoverflow.com/a/11087358/938089
রব ডব্লিউ

12

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

এটি দুটি পদ্ধতির মাধ্যমে করা যেতে পারে:

এক্সপ্যাথ / সিএসএস নির্বাচনকারীদের মূল্যায়ন করতে এবং ডিওএমে ম্যাচিং নোডগুলি হাইলাইট করতে এলিমেন্টস প্যানেলের ভিতরে অনুসন্ধান ফাংশনটি ব্যবহার করুন। কনসোল প্যানেলে টোকেন $ x ("কিছু_প্যাথ") বা $$ ("সিএসএস-নির্বাচক") চালিত করুন, যা মূল্যায়ন ও বৈধতা উভয়ই দেবে।

এলিমেন্টস প্যানেল থেকে

  1. Chrome DevTools খুলতে F12 টিপুন।

  2. ডিফল্টরূপে এলিমেন্টস প্যানেলটি খুলতে হবে।

  3. প্যানেলে DOM অনুসন্ধান সক্ষম করতে Ctrl + F টিপুন।

  4. মূল্যায়ন করতে এক্সপথ বা সিএসএস নির্বাচকগুলিতে টাইপ করুন।

  5. যদি মিলিত উপাদান থাকে তবে সেগুলি ডিওএম এ হাইলাইট করা হবে। যাইহোক, যদি ডিওএম-এর অভ্যন্তরে কোনও মিলের স্ট্রিং থাকে তবে সেগুলি বৈধ ফলাফল হিসাবেও বিবেচিত হবে। উদাহরণস্বরূপ, সিএসএস নির্বাচক শিরোনামের সাথে ম্যাচ করা উচিত কেবলমাত্র উপাদানগুলির পরিবর্তে শিরোনাম শব্দের সমন্বিত সমস্ত কিছু (ইনলাইন সিএসএস, স্ক্রিপ্টস ইত্যাদি) match

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

কনসোল প্যানেল থেকে

  1. Chrome DevTools খুলতে F12 টিপুন।

  2. কনসোল প্যানেলে স্যুইচ করুন।

  3. এক্সপথে টাইপ করুন $x(".//header")মূল্যায়ন করতে এবং বৈধ করতে চান।

  4. সিএসএস নির্বাচকগুলিতে টাইপ করুন $$("header")মূল্যায়ন করতে এবং বৈধ করতে চান।

  5. কনসোল কার্যকর করা থেকে পরীক্ষার ফলাফল ফিরে এসেছে।

উপাদানগুলির সাথে মিলে গেলে সেগুলি একটি তালিকায় ফিরে আসবে। অন্যথায় একটি খালি তালিকা [] প্রদর্শিত হবে।

$x(".//article")
[<article class="unit-article layout-post">…</article>]

$x(".//not-a-tag")
[ ]

যদি এক্সপথ বা সিএসএস নির্বাচনকারী অবৈধ হয় তবে একটি ব্যতিক্রম লাল পাঠ্যে প্রদর্শিত হবে। উদাহরণ স্বরূপ:

$x(".//header/")
SyntaxError: Failed to execute 'evaluate' on 'Document': The string './/header/' is not a valid XPath expression.

$$("header[id=]")
SyntaxError: Failed to execute 'querySelectorAll' on 'Document': 'header[id=]' is not a valid selector.

10

যেকোন উপাদানটির এক্সপ্যাথ সন্ধানের জন্য আপনাকে একটি সাধারণ সূত্র বলি:

1- ব্রাউজারে সাইট খুলুন

2- উপাদান নির্বাচন করুন এবং এটিতে ডান ক্লিক করুন

3- পরিদর্শন উপাদান বিকল্প ক্লিক করুন

4- নির্বাচিত এইচটিএমএল উপর রাইট ক্লিক করুন

5- এক্সপ্যাথ অনুলিপি করতে বিকল্প চয়ন করুন যেখানে আপনার প্রয়োজন হবে সেখানে এটি ব্যবহার করুন

এই ভিডিও লিঙ্কটি আপনার জন্য সহায়ক হবে। http://screencast.com/t/afXsaQXru

দ্রষ্টব্য: এক্সপথের অগ্রিম বিকল্পগুলির জন্য আপনাকে অবশ্যই আপনার এইচটিএমএল এর রেগেক্স বা প্যাটার্ন জানতে হবে।


3
এটি পরীক্ষা করতে Chrome কনসোল ব্যবহার করেছেন এবং এটি $x('//*[@id="answer-33492958"]/table/tbody/tr[1]/td[1]/div/a[1]')[0].click();
উত্তোলন করতে পেরেছেন

8

xpathOnClick- এ আপনি যা খুঁজছেন তা রয়েছে: https://chrome.google.com/extensions/detail/ikbfbhbdjpjnalaooidkdbgjknhghhbo

মন্তব্যগুলি পড়ুন যদিও, এক্সপ্যাথ পেতে এটিতে তিনটি ক্লিক লাগে।


ক্রোম 12.0.742.124 ইনস্টল করে ওবুন্টু 10.04 এ কাজ করে না, তবে xpath আইকনে ক্লিক করুন, তারপরে পৃষ্ঠায় ক্লিক করুন (এক্সপ্যাথ পপআপটি খারিজ করার জন্য প্রথমবার), তারপরে একটি পৃষ্ঠার উপাদানটিতে ক্লিক করুন (জেএস কনসোলে এক্সপথ দেখানোর জন্য) ) .... কনসোলে কিছুই দেখা যাচ্ছে না। প্লাগইন সাইটে পরীক্ষা করা হয়েছে
xiatica

8

ক্রোমের সর্বশেষ আপডেট হিসাবে আপনি এখন উপাদান পরিদর্শকের যে কোনও উপাদান ক্লিক করতে পারেন এবং ক্লিপবোর্ডে এক্সপথ অনুলিপি করতে পারেন।


5

Chrome এর জন্য, উদাহরণস্বরূপ:

  1. আপনি এক্সপ্যাথটি সন্ধান করার জন্য যে আইটেমটি চেষ্টা করছেন তাতে ডান ক্লিক করুন।
  2. এইচটিএমএল ডিওএমে হাইলাইট করা অঞ্চলটিতে ডান ক্লিক করুন।
  3. অনুলিপি করুন> 'কপি এক্সপথ' নির্বাচন করুন।
  4. উপরের পদক্ষেপের পরে, আপনি ডিওএম থেকে উপাদানটির পরম এক্সপ্যাথ পাবেন।
  5. এটিকে আপেক্ষিক এক্সপাথ করতে আপনি পরিবর্তন করতে পারেন (কারণ যদি ডিওএম পরিবর্তন হয় তবে এখনও আপনার এক্সপথ উপাদানটি সন্ধান করতে সক্ষম হবে)।

ক। এটি করতে ব্রাউজারের 'এলিমেন্টস' প্যানেলটি খোলার মাধ্যমে, CTRL + F টিপুন, এক্সপথটি পেস্ট করুন।

খ। নিম্নলিখিত উদাহরণে বর্ণিত পরিবর্তনগুলি করুন।

নিখুঁত এক্সপাথ = // * [@ আইডি = "অ্যাপ"] / ডিভিউ [1] / শিরোনাম / এনএভি / ডিভি [2] / উল / লি [2] / ডিভি / বোতাম

সম্পর্কিত এক্সপাথ = // ডিভি / এনএভি / ডিভি [2] / উল / লি [2] / ডিভি / বোতাম

আপনি যখন পরিবর্তনগুলি করেন:

  1. এক্সপথটি ডোমের মধ্যে অনন্য কিনা তা নিশ্চিত করুন sure
  2. এখনও ওয়েব উপাদানটি ডিওএম এবং ওয়েবপৃষ্ঠায় নির্বাচিত is

3

আপনি যে উপাদানটির জন্য xpath চান তার উপর কেবল ডান ক্লিক করুন এবং আপনি এটির অনুলিপি করার জন্য একটি মেনু আইটেম দেখতে পাবেন। ওপি যখন তার পোস্ট তৈরি করেছিল তখন এটি থাকতে পারে না তবে এটি এখন অবশ্যই আছে।


2

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


1

আপনি ক্রোম ওয়েব এক্সটেনশান ট্রুপাথ ব্যবহার করে চেষ্টা করতে পারেন যা ওয়েব পৃষ্ঠায় ডান ক্লিকে সম্পর্কিত এক্সপথটি গতিশীলভাবে তৈরি করে এবং সমস্ত এক্সপথ মেনু আইটেম হিসাবে প্রদর্শন করে।


0

সামান্য ওটি, তবে সম্ভবত দরকারী: ম্যাক ক্রোমে, যদিও আপনি ডিভাইস প্যানেলের অনুসন্ধান বাক্সের বাইরে এক্সপথটি অনুলিপি করতে পারবেন না (পরিবর্তে, নোডটি এইচটিএমএল হিসাবে অনুলিপি করে), আপনি টেক্সটটিকে টানতে এবং কোনও বহিরাগত সম্পাদকে ফেলে দিতে পারেন।


0

আমি প্রায় সমস্ত উপলভ্য এক্সটেনশান চেষ্টা করেছি এবং নীচেরটিকে সেরাগুলির মধ্যে একটি হিসাবে খুঁজে পেয়েছি।

ক্রোপথ এক্সটেনশন লিঙ্ক

ফায়ারপথের মতো, আপনি যখন ইন্সপেক্টে ক্লিক করেন তখন এই এক্সটেনশনটি আপনাকে সরাসরি এক্সপথ দেয়।

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


0

কনসোল -> এর হাইলাইট অংশটিতে ক্লিক করে Cntl + Shift + C
আপনি যে উপাদানটি পেতে চান সেটি নির্বাচন করুন টিপুনXPath
right click
copycopy XPath

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


-1

এই এক্সটেনশনটি ব্যবহার করুন, এটি আইডি বা শ্রেণীর উপর ভিত্তি করে এক্সপথ তৈরি করে যা সম্ভবত আপনি ব্যবহার করতে চান।

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

এক্সপথ জেনারেটর


এটি স্থানীয়ভাবে উপলব্ধ হওয়ার পরে প্রয়োজন নেই। এছাড়াও Chrome / Firefox স্থানীয়ভাবে করতে পারে এমন কোনও কিছুর জন্য পুরো নতুন অ্যাপ্লিকেশনটি ডাউনলোড করার দরকার নেই।
রববিকোনর

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