জাভাস্ক্রিপ্ট / ক্রোম - ওয়েবকিট ইন্সপেক্টর থেকে কোড হিসাবে কোনও বিষয় কীভাবে অনুলিপি করবেন


490

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


1
ফায়ারফক্স এবং। টোসোর্স () বিকল্পটি ব্যবহার করে দেখুন। এটি সহজ
chepe263

উত্তর:


1243
  1. Chrome এর কনসোলে কোনও বস্তুর ডান ক্লিক করুন Store as Global Variableএবং প্রসঙ্গ মেনু থেকে নির্বাচন করুন । এটি temp1ভেরিয়েবল নামের মতো কিছু ফেরত দেবে ।

  2. ক্রোমেরও একটি copy()পদ্ধতি রয়েছে, সুতরাং copy(temp1)কনসোলে সেই বিষয়টিকে আপনার ক্লিপবোর্ডে অনুলিপি করা উচিত।

ক্রোম ডেভটুলগুলিতে জাভাস্ক্রিপ্ট অবজেক্টটি অনুলিপি করুন

পুনরাবৃত্তিমূলক অবজেক্টগুলিতে নোট: আপনি যদি পুনরাবৃত্ত বস্তুটি অনুলিপি করার চেষ্টা করছেন তবে আপনি পাবেন [object Object]। উপায়টি হ'ল copy(JSON.stringify(temp1)), অবজেক্টটি আপনার ক্লিপবোর্ডে বৈধ JSON হিসাবে পুরোপুরি অনুলিপি করা হবে, সুতরাং আপনি অনেকগুলি রিসোর্সের একটি ব্যবহার করে এটি আপনার ইচ্ছামত বিন্যাস করতে সক্ষম হবেন।


3
ক্রোম সংস্করণ 49.0.2623.87 (-৪-বিট) এ অপরিবর্তিত আছে? কেন>?
পারদীপ জৈন

10
@ পারদীপজাইন - এটি অনুলিপি () পদ্ধতি থেকে প্রত্যাশিত কারণ এখানে ফিরে আসার মতো কিছুই নেই। ডেটা আপনার ক্লিপবোর্ডে থাকা উচিত।
কার্ল

35
এটি কেবল [object Object]আমার জন্য দেয় ।
উল্লাল্লালু

1
: মত এই JSON.stringify সঙ্গে লগ ইন করার চেষ্টা @Ullallulloo stackoverflow.com/a/4293047/622287
kevnk

3
এটি কেবলমাত্র যদি আপনার অগভীর জেএস অবজেক্ট থাকে তবেই কাজ করে, যদি আপনার কাছে পুনরাবৃত্ত গভীর গভীর বস্তু থাকে তবে আপনি [অবজেক্ট অবজেক্ট] পাবেন - এটি প্রত্যাশিত
মারওয়েন ট্রাবেলসি

62

ব্যবহার করে দেখুন JSON.stringify()। ফলাফলযুক্ত স্ট্রিংটি অনুলিপি করুন। বিজ্ঞপ্তিযুক্ত রেফারেন্স যুক্ত বস্তুর সাথে কাজ করে না।


7
আপনি যদি লগড কোডটি না পরিবর্তন করেন তবে আমি কীভাবে এটি কাজ করব তা দেখতে পাচ্ছি না।
iConnor

16
আমি পেয়েছিTypeError: Converting circular structure to JSON
টনি ব্রাসুনাস

40

আপনি অনুলিপি (JSON.stringify (অবজেক্ট_নাম)) ব্যবহার করে আপনার ক্লিপ বোর্ডে কোনও বস্তু অনুলিপি করতে পারেন ; কনসোলে

উদাহরণস্বরূপ: - আপনার কনসোলে নীচের কোডটি অনুলিপি করুন এবং এন্টার টিপুন। এখন, উইন্ডোজের জন্য সিটিআরএল + ভি বা ম্যাকের জন্য সিএমডি + ভি) পেস্ট করার চেষ্টা করুন এবং এটি অন্য কোথাও পাবেন এবং আপনি {"নাম" পাবেন: "ড্যানিয়েল", "বয়স": 25}

var profile = {
    name: "Daniel",
    age: 25
};

copy(JSON.stringify(profile));

14
DOM নোড, উইন্ডো বা এটির বিজ্ঞপ্তিযুক্ত অন্য কোনও বস্তুর সাথে কাজ করে না
Carles Alcolea

একটি বৃহত্তর তবে সাধারণ অবজেক্টের সহজতম সমাধান।
হর্ষেহি

সবচেয়ে সহজ সমাধান
আনন্দুকৃষ্ণ ভিআর

26

আপনি এখন ক্রোমে এই জিনিসটি ডান ক্লিক করে এবং "গ্লোবাল ভেরিয়েবল হিসাবে স্টোর" নির্বাচন করে এটি সম্পাদন করতে পারেন: http://www.youtube.com/watch?v=qALFiTlVWdg

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


2
সংস্করণ 39.0.2171.95 অনুসারে, ক্রোমের সাথে অ্যান্ড্রয়েড ডিভাইসগুলি পরিদর্শন করার সময় "গ্লোবাল ভেরিয়েবল হিসাবে স্টোর করুন" বিকল্পটি উপলভ্য নয়।
ওয়াল্টার রোমান

1
@ ডেভিড ক্যালহাউন, আমি আপনার উত্তরের পক্ষে ভোট দিয়েছি। দেখে মনে হচ্ছে আপনার উত্তর পোস্ট হয়েছে 12 ই জুন, 2014 এবং যেটি গৃহীত হয়েছিল তা আগস্ট 5, 2014, মূলত আপনার যা ছিল ঠিক তা নিয়েছিল। আমাকে স্বীকার করতে হবে যে তিনি টেম্প 1-এর উল্লেখ করেছেন যেখানে আপনার উত্তরটি কেবল আপনার ভিডিওতে এটি দেখায়, তাই সম্ভবত অন্য উত্তরটি গ্রহণ করা হয়েছিল। শুভ কামনা.
প্যাটস

13

নিম্নলিখিত পদক্ষেপগুলি অনুসরণ করুন:

  1. আপনার কোড থেকে কনসোল.লগ দিয়ে অবজেক্টটি আউটপুট করুন, যেমন: কনসোল.লগ (মাইবজেক্ট)
  2. অবজেক্টে রাইট ক্লিক করুন এবং "গ্লোবাল অবজেক্ট হিসাবে স্টোর করুন" এ ক্লিক করুন। ক্রোম এই স্থানে চলকের নাম মুদ্রণ করবে। ধরা যাক একে "টেম্প 1" বলা হয়।
  3. কনসোলে, টাইপ করুন: JSON.stringify(temp1)
  4. এই মুহুর্তে আপনি পুরো JSON অবজেক্টটিকে স্ট্রিং হিসাবে দেখতে পাবেন যা আপনি অনুলিপি / পেস্ট করতে পারেন।
  5. আপনি এই মুহুর্তে আপনার স্ট্রিংটিকে প্রাকৃত করার জন্য http://www.jsoneitoronline.org/ এর মতো অনলাইন সরঞ্জামগুলি ব্যবহার করতে পারেন ।

JSON.stringify (টেমপ 1) সহ পদক্ষেপটি দীর্ঘ সময় কার্যকর করতে প্রভাব ফেলতে পারে যদি বস্তু বড় হয়।
হেরোইন

@ জোটিডি আমার একই সমস্যা ছিল, তবে আমি একটি debuggerবিবৃতি স্থাপন করেছি এবং তারপরে ব্রেকপয়েন্টে সরাসরি আমার ভার পুনরুদ্ধার করেছি।
টনি ব্রাসুনাস

11

আপনি যদি কোনও অনুরোধের মাধ্যমে অবজেক্টটি প্রেরণ করেন তবে আপনি এটি Chrome -> নেটওয়ার্ক ট্যাব থেকে অনুলিপি করতে পারেন।

পেডলোডের অনুরোধ করুন -> উত্স দেখুন

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

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


2
পার্সড পেডলোড অনুলিপি করার পরে, আপনি jsonformatter.curiousconcept.com থেকে json ফর্ম্যাট করতে পারেন ।
মুহাম্মদ হাসান

0

"গ্লোবাল ভেরিয়েবল হিসাবে স্টোর" ব্যবহার করে কাজ করে তবে এটি কেবলমাত্র অবজেক্টের চূড়ান্ত উদাহরণ পায়, এবং বস্তুটি লগ হওয়ার মুহুর্তের সাথে নয় (যেহেতু আপনি সম্ভবত বস্তুটির পরিবর্তনের সাথে তুলনা করতে চাইছেন)। পরিবর্তিত হওয়ার সময় অবজেক্টটির সঠিক বিন্দুতে পেতে, আমি এটি ব্যবহার করি ...

function logObject(object) {
    console.info(JSON.stringify(object).replace(/,/g, ",\n"));
}

এ জাতীয় ফোন করুন ...

logObject(puzzle);

যদি আপনার ডেটাতে কমা থাকতে পারে তবে আপনি .replace (/./ g, ", \ n") রিজেক্সটি সরাতে পারেন।


0

সুতরাং ,. আমি এই সমস্যা ছিল। আমি পেলাম [অবজেক্ট অবজেক্ট]

আমি নিশ্চিত আপনি পুনরাবৃত্তি দিয়ে এটি করতে পারেন তবে এটি আমার পক্ষে কাজ করেছে:

আমি আমার কনসোলে যা করেছি তা এখানে:

var object_that_is_not_shallow = $("all_obects_with_this_class_name");
var str = '';
object_that_is_not_shallow.map(function(_,e){
    str += $(e).html();
});
copy(str);

তারপরে আপনার সম্পাদকটিতে পেস্ট করুন।


0

এটি পুনরাবৃত্ত Windowএবং Nodeঅবজেক্টগুলি রেখে গভীর বস্তুগুলিকে শক্তিশালী করতে সহায়তা করবে should

function stringifyObject(e) {
  const obj = {};
  for (let k in e) {
    obj[k] = e[k];
  }

  return JSON.stringify(obj, (k, v) => {
    if (v instanceof Node) return 'Node';
    if (v instanceof Window) return 'Window';
    return v;
  }, ' ');
}

0

আপনি যে ডেটা সংরক্ষণ করতে চান তার উপর ডান ক্লিক করুন

  • প্রথমত, আপনি যে ডেটা সঞ্চয় করতে চান তার ডানদিকে ক্লিক করুন -> "বৈশ্বিক ভেরিয়েবল হিসাবে স্টোর করুন" নির্বাচন করুন এবং নতুন টেম্প ভেরিয়েবলটি বেলোয়ের মতো উপস্থিত হবে: (টেম্পি 3 ভেরিয়েবল): নতুন টেম্প ভেরিয়েবল কনসোলে প্রদর্শিত হবে
  • ছবির মতো দ্বিতীয় কমান্ড অনুলিপি (টেম্পিয়ার / পরিবর্তনশীল_নাম): চিত্রের বিবরণ এখানে লিখুন এর পরে, আপনি যে কোনও জায়গায় ডেটা আটকে দিতে পারেন। আশা করি দরকারী /

0

এটি আপনার কনসোলটিতে যুক্ত করুন এবং চালান

copy(JSON.stringify(foo));

এটি আপনার JSON কে ক্লিপবোর্ডে অনুলিপি করে

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