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


305

আমি ক্রোম এবং আমার নিজের ওয়েবসাইট ব্যবহার করছি।

আমি ভিতরে থেকে যা জানি:

1 ) আমার একটি ফর্ম রয়েছে যেখানে লোকেদের এই কমলা ছবি-বোতামটি ক্লিক করে সাইন আপ করুন:

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

2 ) আমি এটি পরিদর্শন করি এবং এটিই হ'ল: <img class="formSend" src="images/botoninscribirse2.png">

3 ) সোর্স কোডের শীর্ষে, স্ক্রিপ্ট উত্সের টন রয়েছে। আমি জানি যে কোনটি বোতামটি কল করে কারণ আমি এটিকে কোড করেছি:<script src="js/jquery2.js" type="text/javascript"></script>

4 ) এই ফাইলটির মধ্যে, আপনি সন্ধান করতে পারেন: $(".formSend").click(function() { ... });যা বোতামটি দ্বারা উদ্দীপিত হয় (একটি মোটামুটি জটিল ফর্মের বৈধতা যাচাই করতে এবং জমা দিতে) এবং আমি যা চাই তা কোনও ওয়েবসাইটে ক্রোম ডেভ সরঞ্জামগুলি ব্যবহার করে তা সন্ধান করতে সক্ষম হতে চাই

উপাদানটি কোথায় ডাকে তা আমি কীভাবে জানতে পারি?

শ্রোতাদের ট্যাব আমার পক্ষে কাজ করে নি। সুতরাং আমি ক্লিক ইভেন্ট শ্রোতাদের সন্ধান করার চেষ্টা করেছি, যা আমার কাছে নিরাপদ বাজি মনে হয়েছিল কিন্তু ... সেখানে কোনও jquery2.jsনেই (এবং আসলেই আমি জানতাম না যে কোডটি কোন ফাইলের তাই আমি এই সমস্ত পরীক্ষাগুলিতে সময় নষ্ট করছি .. ।):

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

ফাইলের $(".formSend").click(function() { ... });মধ্যে আমার ফাংশন jquery2.jsনেই।

জেসি ব্যাখ্যা করেছেন কেন :

"অবশেষে, আপনার ফাংশনটি ক্লিক ইভেন্ট হ্যান্ডলারের সাথে সরাসরি আবদ্ধ না হওয়ার কারণ হ'ল jQuery একটি ফাংশন দেয় যা আবদ্ধ হয়ে যায়। । "


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


4
আমি সাধারণত Visual Eventবুকমার্কলেট ব্যবহার করি । এটি জনপ্রিয় লাইব্রেরিগুলিতে আবদ্ধ ক্লিক ইভেন্টগুলি সনাক্ত করে এবং সাইটের একটি ওভারলে তৈরি করে যেখানে ইভেন্টগুলি আবদ্ধ এবং প্রতিটি ইভেন্টের জন্য কোডের নমুনা এবং উত্সের অবস্থান প্রদান করছে showing
কেভিন বি

3
@ ডন্টভোটমিডাউন তবে এটি পুরো প্রশ্নটিকে পরাস্ত করে। ধরুন আমার কাছে ওয়েবসাইটটিতে কয়েক ডজন * .js ফাইল রয়েছে, আপনি কীভাবে জানবেন যে বোতামটি দিয়ে ট্রিগার করা কোডটি jquery2.js এর ভিতরে রয়েছে?
কার্লস অ্যালকোলেয়া

1
আমি বুঝতে পারি যে ভিজ্যুয়াল ইভেন্টটি কীভাবে কাজ করে (আপনাকে বিটিডাব্লু ধন্যবাদ জানায়) তবে আপনি যখন এই বোতামটি ক্লিক করেন, তখন আপনার ব্রাউজারটি কী চালানো উচিত তা পুরোপুরি জানেন , কারণ এটি এটি চালায়। আমি কেবল এটি নিশ্চিত করতে চাই যে এটি দেব সরঞ্জামগুলির দ্বারা কার্যকর নয় এবং আমি এগিয়ে চলেছি।
কার্লস অ্যালকোলেয়া

1
ভাল প্রশ্ন, আমি অবশ্যই মনে করি এটি ক্রোমের (বা ফায়ারফক্স) বৈশিষ্ট্যযুক্ত হওয়া উচিত
টোমিশ্যাডো

1
আপনি যদি এই প্রশ্নের উত্তর খুঁজে পেয়ে থাকেন তবে দয়া করে এটি উত্তর হিসাবে যুক্ত করুন। আপনার নিজের প্রশ্নের উত্তর দেওয়া অত্যন্ত উত্সাহিত, কিন্তু আপনার প্রশ্নের সম্পাদনার মাধ্যমে এর উত্তর দেওয়া নয়।
হাট সহ গাই

উত্তর:


209

আলেকজান্ডার পাভলভের উত্তর আপনি যা চান তার নিকটতম পায়।

JQuery এর বিমূর্ততা এবং কার্যকারিতা বিস্তারের কারণে, ইভেন্টের মাংসে পৌঁছতে প্রচুর হুপ্সে ঝাঁপ দিতে হয়েছে। কাজটি প্রদর্শনের জন্য আমি এই জেএসফিডেল সেট আপ করেছি ।


1. ইভেন্ট শ্রোতার ব্রেকপয়েন্ট স্থাপন করা

আপনি এই এক কাছাকাছি ছিল।

  1. Chrome ডি সরঞ্জামগুলি (F12) খুলুন এবং উত্স ট্যাবে যান।
  2. মাউসটিতে ড্রিল করুন -> ক্লিক করুন (জুম করতে ক্লিক করুন)
    Chrome ডি সরঞ্জাম -> উত্স ট্যাব -> মাউস -> ক্লিক করুন

2. বোতামটি ক্লিক করুন!

ক্রোম দেব সরঞ্জামগুলি স্ক্রিপ্ট সম্পাদনকে বিরতি দেবে, এবং আপনাকে মিনিফাইড কোডের এই সুন্দর জড়িয়ে রাখবে:

ক্রোম ডেভ সরঞ্জামগুলি স্ক্রিপ্টের প্রয়োগ স্থগিত করেছে (জুম ক্লিক করুন)


৩. মহিমান্বিত কোডটি সন্ধান করুন!

এখন, এখানে কৌশলটি টিপুনটি চালিয়ে যাওয়া চালিয়ে যাওয়া এবং পর্দায় নজর রাখা উচিত।

  1. F11কাঙ্ক্ষিত উত্স কোডটি উপস্থিত না হওয়া অবধি কী (স্টেপ ইন) টিপুন
  2. উত্স কোড অবশেষে পৌঁছেছে
    • ইন jsFiddle নমুনা উপরে দেওয়া, আমি প্রেস করতে হয়েছে F11 108 বার পছন্দসই ইভেন্ট হ্যান্ডলার / ফাংশন উপনীত হওয়ার আগে
    • ইভেন্টগুলি আবদ্ধ করতে ব্যবহৃত jQuery (বা ফ্রেমওয়ার্ক লাইব্রেরি) এর সংস্করণ অনুসারে আপনার মাইলেজটি পৃথক হতে পারে
    • যথেষ্ট উত্সর্গ এবং সময় সহ, আপনি কোনও ইভেন্ট হ্যান্ডলার / ফাংশন খুঁজে পেতে পারেন

পছন্দসই ইভেন্ট হ্যান্ডলার / ফাংশন


4. ব্যাখ্যা

আমার কাছে সঠিক উত্তর বা ব্যাখ্যা নেই, কেন jQuery এর বিমূর্ততার অনেক স্তর পেরিয়ে যায় - আমি কেবল এটিই সুপারিশ করতে পারি যে কোডটি সম্পাদনকারী ব্রাউজার থেকে এটির ব্যবহার বিমূ to় করার জন্যই এটি কাজটি করেছে is ।

এখানে jQuery এর ডিবাগ সংস্করণ (যেমন, ম্যানিফাইড নয়) সহ একটি jsFiddle রয়েছে। আপনি যখন প্রথম (নন-মাইনিফাইড) ব্রেকপয়েন্টে কোডটি দেখেন, আপনি দেখতে পাবেন যে কোডটি অনেকগুলি বিষয় পরিচালনা করছে:

    // ...snip...

    if ( !(eventHandle = elemData.handle) ) {
        eventHandle = elemData.handle = function( e ) {
            // Discard the second event of a jQuery.event.trigger() and
            // when an event is called after a page has unloaded
            return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ?
                jQuery.event.dispatch.apply( elem, arguments ) : undefined;
        };
    }

    // ...snip...

" মৃত্যুদণ্ডের বিরতি দেওয়া এবং আমি লাইনে লাইন দিয়ে লাফিয়ে যাই " যখন আপনি মনে করেন যে আপনি এটি চেষ্টা থেকে হারিয়েছেন তার কারণ হ'ল আপনি স্টেপ ইন-এর পরিবর্তে "স্টেপ ওভার" ফাংশনটি ব্যবহার করেছেন। পার্থক্যগুলি ব্যাখ্যা করে এখানে একটি স্ট্যাকওভারফ্লো উত্তর রয়েছে

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


বাহ, আপনি এবং @ আলেকজান্ডার-পাভলভ পুরোপুরি ঠিক, আমি এটি মিস করেছি। এখন আমি আবার চেষ্টা করেছি এবং এটি আমার কাছে 132 F11 কী হিট! এখন এটি বোধগম্য, তবে এটি কেবল অবৈধ। আমি যদিও আমার প্রশ্ন সংশোধন করব।
কার্লস আলকোলেয়া

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

1
হ্যাঁ, আমি এখনই শেষ করছি। এফওয়াইআই, যদি আপনি এটি ইতিমধ্যে জানতেন না, আপনি যদি একটি মিনিফাইড স্ক্রিপ্টের নীচে বাম কোঁকড়ানো ধনুর্বন্ধনী বোতামটি ( i.imgur.com/ALoMQkR.png ) ক্লিক করেন তবে এটি এটি " সুন্দরী " করবে এবং ডিবাগ করার সময়ও কাজ করবে।
কার্লস আলকোলেয়া

২০১৪ সালের হিসাবে, ক্রোম দেব সরঞ্জামগুলিতে একটি ব্ল্যাক বক্স বৈশিষ্ট্য তৈরি করেছে যা উপরের # 1 এর প্রয়োজনীয়তা সরিয়ে দেয়।
ব্রায়ান

1
@ ব্রায়ান এবং এখানে একটি ব্লগ পোস্ট যা ব্ল্যাক-বক্সিং স্ক্রিপ্টগুলির বিশদ বর্ণনা করে ।
ক্রিশ্চিয়ান ডায়াকোনস্কু

157

সমাধান 1: ফ্রেমওয়ার্ক ব্ল্যাকবক্সিং

দুর্দান্ত, ন্যূনতম সেটআপ এবং কোনও তৃতীয় পক্ষের কাজ করে।

ক্রোমের ডকুমেন্টেশন অনুসারে :

আপনি যখন কোনও স্ক্রিপ্ট ব্ল্যাকবক্স করবেন তখন কি হবে?

লাইব্রেরি কোড থেকে নিক্ষিপ্ত ব্যতিক্রমগুলি বিরতি দেবে না (যদি ব্যতিক্রমগুলিতে বিরতি সক্ষম করা থাকে), লাইব্রেরি কোডটি বাইপাস / আউট / এড়িয়ে যায়, ইভেন্ট শ্রোতার ব্রেকপয়েন্টগুলি লাইব্রেরি কোডে ভাঙবে না, ডিবাগার লাইব্রেরিতে সেট করা কোনও ব্রেকপয়েন্টগুলিতে বিরতি দেবে না কোড। শেষ ফলাফলটি আপনি তৃতীয় পক্ষের সংস্থানগুলির পরিবর্তে আপনার অ্যাপ্লিকেশন কোডটি ডিবাগ করছেন

এখানে আপডেট ওয়ার্কফ্লো রয়েছে:
  1. উন্মুক্ত ক্রোম বিকাশকারী সরঞ্জামগুলি ( F12বা + + i) পপ করুন , সেটিংসে যান (উপরের ডানদিকে, বা F1)। " ব্ল্যাকবক্সিং " নামে বাম দিকে একটি ট্যাব সন্ধান করুন

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

  1. আপনি এখানে ডিবাগ করার সময় ক্রোমকে যে বিষয়গুলি অগ্রাহ্য করতে চান তার রেগেক্স প্যাটার্নটি আপনি রেখেছেন । উদাহরণস্বরূপ: jquery\..*\.js(গ্লোব প্যাটার্ন / মানব অনুবাদ jquery.*.js:)
  2. আপনি যদি একাধিক নিদর্শন দিয়ে ফাইলগুলি এড়িয়ে যেতে চান তবে আপনি পাইপ চরিত্রটি ব্যবহার করে এগুলি যুক্ত করতে পারেন |: jquery\..*\.js|include\.postload\.js(যা "বা এই প্যাটার্ন" এর মতো কাজ করে) তাই বলতে পারেন them বা "অ্যাড" বোতামটি যুক্ত করে রাখুন।
  3. নীচে বর্ণিত সমাধান 3 অবিরত করুন ।

বোনাস টিপ! আমি নিয়মিতভাবে Regex101 ব্যবহার করি (তবে আরও অনেকগুলি রয়েছে:) দ্রুত আমার মরিচা রিজেক্স নিদর্শনগুলি পরীক্ষা করতে এবং ধাপে ধাপে রেজেক্স ডিবাগারের সাথে আমি কোথায় ভুল করছি তা সন্ধান করতে। আপনি যদি নিয়মিত এক্সপ্রেশনগুলিতে এখনও "সাবলীল" না হন তবে আমি আপনাকে প্রস্তাব দিই যে আপনি http://buildregex.com/ এবং https://www.debuggex.com/ এর মতো লিখিত এবং কল্পনা করতে এমন সাইটগুলি ব্যবহার শুরু করুন

উত্স প্যানেলে কাজ করার সময় আপনি প্রসঙ্গ মেনুও ব্যবহার করতে পারেন। কোনও ফাইল দেখার সময়, আপনি সম্পাদকটিতে ডান ক্লিক করতে পারেন এবং ব্ল্যাকবক্স স্ক্রিপ্টটি চয়ন করতে পারেন। এটি সেটিংস প্যানেলে তালিকায় ফাইলটি যুক্ত করবে:

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


সমাধান 2: ভিজ্যুয়াল ইভেন্ট

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

এটি একটি দুর্দান্ত সরঞ্জাম :

ভিজ্যুয়াল ইভেন্ট একটি ওপেন-সোর্স জাভাস্ক্রিপ্ট বুকমার্কলেট যা ডিওএম উপাদানগুলির সাথে সংযুক্ত থাকা ইভেন্টগুলি সম্পর্কে ডিবাগিং তথ্য সরবরাহ করে। ভিজ্যুয়াল ইভেন্ট শো:

  • কোন উপাদানগুলির সাথে ইভেন্টগুলি সংযুক্ত রয়েছে
  • কোনও উপাদানের সাথে সংযুক্ত ইভেন্টের ধরণ
  • ইভেন্টটি দিয়ে চালিত করা কোডটি ট্রিগার করা হয়েছে
  • সংযুক্ত ফাংশনটি সংজ্ঞায়িত করা হয়েছিল তার জন্য উত্স ফাইল এবং লাইন নম্বর (ওয়েবকিট ব্রাউজার এবং কেবল অপেরা)


সমাধান 3: ডিবাগিং

আপনি পৃষ্ঠার কোথাও ক্লিক করার সময়, বা ডিওএম সংশোধন করার সময় ... এবং অন্যান্য ধরণের জেএস ব্রেক-পয়েন্টগুলি কোডটি বিরতি দিতে পারবেন যা জানার জন্য কার্যকর হবে। দুঃস্বপ্ন এড়াতে আপনার এখানে ব্ল্যাকবক্সিং প্রয়োগ করা উচিত ।

এই উদাহরণে, আমি যখন বোতামটি ক্লিক করি তখন ঠিক কী হয় তা জানতে চাই।

  1. দেব সরঞ্জাম -> উত্স ট্যাব এবং ডানদিকে খুলুন Event Listener Breakpoints:

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

  2. প্রসারিত করুন Mouseএবং নির্বাচন করুনclick

  3. এখন উপাদানটিতে ক্লিক করুন (মৃত্যুদন্ড কার্যকর হওয়া উচিত) এবং আপনি এখন কোডটি ডিবাগ করছেন। আপনি সমস্ত কোড টিপে যেতে পারেন F11(যা স্টেপ ইন )। অথবা স্ট্যাকের কয়েকটি জাম্প ফিরে যান। এক টন লাফ দেওয়া যেতে পারে


সমাধান 4: ফিশিং কীওয়ার্ড

দেব সরঞ্জামগুলি সক্রিয় করার সাথে আপনি পুরো কোডবেস (সমস্ত ফাইলের সমস্ত কোড) + + Fবা সহ সন্ধান করতে পারেন :

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

এবং অনুসন্ধান #envioবা যে কোনও ট্যাগ / শ্রেণি / আইডি যা ভাবেন তা পার্টি শুরু করে এবং আপনি প্রত্যাশার চেয়ে আরও দ্রুত পেতে পারেন।

সচেতন থাকুন কখনও কখনও কেবলমাত্র একটি না imgকিন্তু প্রচুর উপাদান স্তুপীকৃত থাকে এবং আপনি জানেন না যে কোনটি কোডটি ট্রিগার করে।


এটি আপনার জ্ঞান থেকে কিছুটা দূরে থাকলে, ডিবাগিং সম্পর্কিত ক্রোমের টিউটোরিয়ালটি একবার দেখুন ।


কোথাও ব্ল্যাকবক্সিং খুঁজে পাচ্ছেন না? চেষ্টা করুন: ক্রোম: // পতাকা / # সক্ষম-
দেবতুল

1
নিবন্ধন করুন আপনি এই কৌশলটি দিয়ে আমাকে সবেমাত্র প্রচুর সময় বাঁচিয়েছেন!
প্রিক্স

যে কেউ ভিজ্যুয়াল ইভেন্ট চলাকালীন পৃষ্ঠাটি নিজেকে রিফ্রেশ করবে, এভাবে সমস্ত তথ্য হারাবে কেন?
এডু কাস্ট্রিলন

সমাধান 1 এর জন্য আপনাকে পুরো ক্রোম ডিভাইস সেটিংগুলিতে অ্যাক্সেস পেতে ডানদিকে ডান কোণে উপবৃত্তগুলিতে ক্লিক করতে হবে বা দেবতুলগুলি খোলা থাকলে F1 চাপতে হবে। এখন আপনি বাম দিকে ব্ল্যাকবক্সিংটিকে ট্যাব হিসাবে দেখতে পাবেন। উপভোগ করুন!
পেনসবিএন

1
ব্ল্যাকবক্স স্ক্রিপ্টগুলির নতুন সেরা পদ্ধতির মতো দেখে মনে হচ্ছে আশ্চর্যরকম সহজ। সোর্স প্যানেলে কেবল সেই ফাইলটিতে যান এবং ফাইলটিতে ডান ক্লিক করুন (বামদিকে তার তালিকার আইটেমটি নয়, আসলে ফাইলটি খুলুন এবং ফাইলটিতে ডান ক্লিক করুন), তারপরে কেবল "ব্ল্যাকবক্স এই স্ক্রিপ্ট" নির্বাচন করুন। এই নাও!
ড্যান

17

মত শোনাচ্ছে "... এবং আমি পাতিপাতি ঝাঁপ ..." অংশ ভুল। আপনি কি স্টেপওভার বা স্টেপইন এবং আপনি কি নিশ্চিত যে দুর্ঘটনাক্রমে প্রাসঙ্গিক কলটি মিস করবেন না?

বলেছিল, ঠিক এই কারণে ডিবাগিং ফ্রেমওয়ার্কগুলি ক্লান্তিকর হতে পারে। সমস্যা উপশম করতে, আপনি "ফ্রেমওয়ার্কগুলি ডিবাগিং সমর্থন সক্ষম করুন" পরীক্ষা সক্ষম করতে পারেন । শুভ ডিবাগিং! :)


এই ঠিকভাবে কাজ (এবং আপনি ঠিক আছে, আমি মিস লাফ), আমি আমার প্রশ্নের এটি যোগ করব। এটি আবারও আমাকে পুনরায় পড়তে বাধ্য করেছে রেজেক্স প্যাটার্নগুলি: পি ধন্যবাদ।
কার্লস অ্যালকোলেয়া

7

আপনি FindHandlersJS ব্যবহার করতে পারেন

আপনি ক্রোম কনসোল করে হ্যান্ডলারটি সন্ধান করতে পারেন:

findEventHandlers("click", "img.envio")

আপনি ক্রোমের কনসোলে মুদ্রিত নিম্নলিখিত তথ্যগুলি পাবেন:

  • উপাদান
    যেখানে ইভেন্ট হ্যান্ডলারটি নিবন্ধিত হয়েছিল সেই আসল উপাদান
  • ঘটনাবলী
    আমাদের আগ্রহী ইভেন্ট প্রকারের জন্য jquery ইভেন্ট হ্যান্ডলারগুলি সম্পর্কিত তথ্য সহ অ্যারে (যেমন ক্লিক, পরিবর্তন ইত্যাদি)
  • হ্যান্ডলার
    আসল ইভেন্ট হ্যান্ডলার পদ্ধতি যা আপনি এটিতে ডান ক্লিক করে এবং ফাংশন সংজ্ঞা দেখিয়ে নির্বাচন করে দেখতে পারেন
  • নির্বাচক
    প্রতিনিধিদের প্রতিনিধিত্বমূলক ইভেন্টগুলির জন্য সরবরাহ করেছেন। এটি সরাসরি ইভেন্টগুলির জন্য খালি থাকবে।
  • টার্গেটগুলি
    এই ইভেন্টের হ্যান্ডেলারটি লক্ষ্য করে এমন উপাদানগুলির সাথে তালিকাবদ্ধ করে। উদাহরণস্বরূপ, ডেলিগ্রেটেড ইভেন্ট হ্যান্ডলারের জন্য যা ডকুমেন্ট অবজেক্টে নিবন্ধিত এবং একটি পৃষ্ঠাতে সমস্ত বোতাম লক্ষ্যবস্তু করে, এই সম্পত্তি পৃষ্ঠাটির সমস্ত বোতাম তালিকাভুক্ত করবে। আপনি সেগুলি হোভার করতে পারেন এবং ক্রোমে তাদের হাইলাইট করতে পারেন।

এখানে আরও তথ্য এবং আপনি এখানে উদাহরণ উদাহরণে এটি চেষ্টা করতে পারেন ।


3

এই সমাধানটির জন্য jQuery এর ডেটা পদ্ধতি দরকার

  1. Chrome এর কনসোলটি খুলুন (যদিও jQuery লোডযুক্ত কোনও ব্রাউজার কাজ করবে)
  2. চালান $._data($(".example").get(0), "events")
  3. পছন্দসই ইভেন্ট হ্যান্ডলারটি খুঁজে পেতে আউটপুটটি ড্রিল করুন।
  4. "হ্যান্ডলার" এ ডান ক্লিক করুন এবং "ফাংশন সংজ্ঞা দেখান" নির্বাচন করুন
  5. কোডটি সোর্স ট্যাবে প্রদর্শিত হবে

$._data()কেবল jQuery এর ডেটা পদ্ধতিতে অ্যাক্সেস করছে। আরও পঠনযোগ্য বিকল্প হতে পারে jQuery._data()

এই এই উত্তরের আকর্ষণীয় বিষয় :

JQuery 1.8 হিসাবে, ইভেন্টের ডেটা "পাবলিক এপিআই" থেকে আর পাওয়া যায় না। পড়ুনএই jQuery ব্লগ পোস্ট । পরিবর্তে আপনার এখন এটি ব্যবহার করা উচিত:

jQuery._data( elem, "events" ); এলিম একটি এইচটিএমএল এলিমেন্ট হওয়া উচিত, কোনও জিকুয়েরি বস্তু বা নির্বাচক নয়।

দয়া করে মনে রাখবেন, এটি একটি অভ্যন্তরীণ, 'ব্যক্তিগত' কাঠামো, এবং এটি পরিবর্তন করা উচিত নয়। এটি কেবল ডিবাগিংয়ের উদ্দেশ্যেই ব্যবহার করুন।

JQuery এর পুরানো সংস্করণগুলিতে আপনাকে পুরানো পদ্ধতিটি ব্যবহার করতে হতে পারে যা হ'ল:

jQuery( elem ).data( "events" );

অজিনস্টিক jQuery এর একটি সংস্করণ হবে: (jQuery._data || jQuery.data)(elem, 'events');


2
আরও ধারনা নিক্ষেপ করার জন্য ধন্যবাদ। এটি এটি করার আরেকটি উপায়। খারাপ দিক এটির জন্য jQuery প্রয়োজন এবং এই প্রশ্নের শিরোনামটি কেবল Chrome এর সরঞ্জামগুলিতে নির্ভর করতে বলে। আমি আপনার প্রতিক্রিয়াটি এটিকে jQuery পদ্ধতিতে পরিষ্কার করার জন্য সম্পাদনা করব এবং "সর্বোপরি সমাধান সমাধান" এর চেয়ে আরও যুক্তিসঙ্গত কিছু ব্যবহার করব :) দয়া করে স্ট্যাকওভারফ্লো
Carles Alcolea
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.