গুগল ক্রোম কনসোলে সমস্ত জাভাস্ক্রিপ্ট ভেরিয়েবলের তালিকা দেখুন

Question

ফায়ারব্যাগে, ডোম ট্যাবটি আপনার সমস্ত পাবলিক ভেরিয়েবল এবং অবজেক্টের একটি তালিকা দেখায়। Chrome এর কনসোলে আপনাকে সর্বজনীন পরিবর্তনশীল বা বস্তুর নাম টাইপ করতে হবে যা আপনি অন্বেষণ করতে চান।

সমস্ত পাবলিক ভেরিয়েবল এবং অবজেক্টের তালিকা প্রদর্শন করার জন্য Chrome এর কনসোলের জন্য কি কোনও উপায় আছে - বা কমপক্ষে একটি আদেশ রয়েছে? এটি অনেক টাইপ করে সংরক্ষণ করবে।

Answer 1

আপনি কি এই ধরণের আউটপুট খুঁজছেন?

for(var b in window) { 
  if(window.hasOwnProperty(b)) console.log(b); 
}

এটি windowঅবজেক্টে উপলভ্য সমস্ত কিছু (সমস্ত ফাংশন এবং ভেরিয়েবল, উদাহরণস্বরূপ $এবং jQueryএই পৃষ্ঠায় ইত্যাদি) তালিকাভুক্ত করবে । যদিও, এটি বেশ একটি তালিকা; নিশ্চিত না যে এটি কতটা সহায়ক ...

অন্যথায় কেবল এটি করুন windowএবং তার গাছের নীচে যাওয়া শুরু করুন:

window

এটি আপনাকে DOMWindowএকটি প্রসারণযোগ্য / শোষণযোগ্য অবজেক্ট দেবে।

Comments

@ টাউনসেন্ড - আমার কনসোলটি আপনার সাথে একমত নয় :) এটি একটি সম্পত্তিobject , এটি এটি কেন হবে না?

— নিক ক্র্যাভার

"এটা কেন হবে না?" [[Prototype]]বিশ্বব্যাপী বস্তুর অভ্যন্তরীণ সম্পত্তি বাস্তবায়ন নির্ভরশীল , প্রায় সমস্ত প্রধান বাস্তবায়নের -V8, Spidermonkey, গণ্ডার, etc- থেকে কিছু সময়ে বিশ্বব্যাপী বস্তু উত্তরাধিকারী মধ্যে Object.prototype, কিন্তু অন্যান্য বাস্তবায়নের -JScript, BESEN, DMDScript মধ্যে উদাহরণস্বরূপ, ইত্যাদি ..- এটা না, তাই window.hasOwnProperty, বিদ্যমান নয় এটি পরীক্ষা আমরা যা করতে পারেন:Object.prototype.isPrototypeOf(window);

— , CMS

@ সিএমএস - হ্যাঁ এটি সত্য ... তবে প্রশ্নটি ক্রোম সম্পর্কে বিশেষত তাই প্রয়োগটি জানা যায়।

— নিক ক্র্যাভার

অথবা আপনি কেবল এটি টাইপ করতে পারেন;

— এডি বি

আমি ভেরিয়েবলের for(var b in window) { if(window.hasOwnProperty(b)) console.log(b+" = "+window[b]); }

— মানটিও

Answer 2

যখন স্ক্রিপ্ট সম্পাদন বন্ধ হয়ে যায় (উদাহরণস্বরূপ, একটি ব্রেকপয়েন্টে) আপনি কেবল বিকাশকারী সরঞ্জাম উইন্ডোর ডান ফলকে সমস্ত গ্লোবাল দেখতে পারেন:

Comments

আমি কি বিরতি না দিয়ে ব্রেক ব্রেক পয়েন্ট শোয়ের মতো একটি এক্সিকিউশন কনটেক্সট থেকে ওয়ার্সটি আউট করতে পারি?

— হালকা ফাজ

@ মিল্ডফুজ তারপরে নিক ক্র্যাভারের সমাধানটি (গ্রহণযোগ্য) ব্যবহার করুন।

— মার্সেল করপেল

Answer 3

কনসোলটি খুলুন এবং তারপরে প্রবেশ করুন:

• keys(window) ভেরিয়েবলগুলি দেখতে
• dir(window) বস্তু দেখতে

Comments

dir(Function("return this")())এটি ওয়েব ওয়ার্কার্সেও কাজ করে তোলে

— জানুস ট্রয়লসন

এফওয়াইআই dir(window)ফায়ারফক্সে কাজ করে না (হ্যাঁ আমি জানি এই থ্রেডটি ক্রোম সম্পর্কে ছিল) তবে key(window)ফায়ারফক্সে কাজ করে

— ক্রেগ লন্ডন

Answer 4

windowতাই আপনি কনসোলে এটি টাইপ করতে পারেন এবং তারপর সব ভেরিয়েবল / বৈশিষ্ট্যাবলী / ফাংশন দেখতে প্রসারিত বস্তু, সব পাবলিক ভেরিয়েবল রয়েছে।

Comments

নিস! আপনি পুনরাবৃত্তভাবে পরিবর্তনশীল প্রসারিত করতে পারেন যেহেতু এখন পর্যন্ত সবচেয়ে সহজ উপায়।

— কিওয়ার্টজগুই

Answer 5

আপনি যদি উইন্ডো অবজেক্টের সমস্ত স্ট্যান্ডার্ড বৈশিষ্ট্য বাদ দিতে এবং অ্যাপ্লিকেশন-নির্দিষ্ট গ্লোবালগুলি দেখতে চান তবে এটি ক্রোম কনসোলে মুদ্রণ করবে:

(function(){var standardGlobals=["top","window","location","external","chrome","document","inlineCSS","target","width","height","canvas","data","DOMURL","img","svg","ctx","url","w","a","speechSynthesis","webkitNotifications","localStorage","sessionStorage","applicationCache","webkitStorageInfo","indexedDB","webkitIndexedDB","crypto","CSS","performance","console","devicePixelRatio","styleMedia","parent","opener","frames","self","defaultstatus","defaultStatus","status","name","length","closed","pageYOffset","pageXOffset","scrollY","scrollX","screenTop","screenLeft","screenY","screenX","innerWidth","innerHeight","outerWidth","outerHeight","offscreenBuffering","frameElement","clientInformation","navigator","toolbar","statusbar","scrollbars","personalbar","menubar","locationbar","history","screen","postMessage","close","blur","focus","ondeviceorientation","ondevicemotion","onunload","onstorage","onresize","onpopstate","onpageshow","onpagehide","ononline","onoffline","onmessage","onhashchange","onbeforeunload","onwaiting","onvolumechange","ontimeupdate","onsuspend","onsubmit","onstalled","onshow","onselect","onseeking","onseeked","onscroll","onreset","onratechange","onprogress","onplaying","onplay","onpause","onmousewheel","onmouseup","onmouseover","onmouseout","onmousemove","onmouseleave","onmouseenter","onmousedown","onloadstart","onloadedmetadata","onloadeddata","onload","onkeyup","onkeypress","onkeydown","oninvalid","oninput","onfocus","onerror","onended","onemptied","ondurationchange","ondrop","ondragstart","ondragover","ondragleave","ondragenter","ondragend","ondrag","ondblclick","oncuechange","oncontextmenu","onclose","onclick","onchange","oncanplaythrough","oncanplay","oncancel","onblur","onabort","onwheel","onwebkittransitionend","onwebkitanimationstart","onwebkitanimationiteration","onwebkitanimationend","ontransitionend","onsearch","getSelection","print","stop","open","showModalDialog","alert","confirm","prompt","find","scrollBy","scrollTo","scroll","moveBy","moveTo","resizeBy","resizeTo","matchMedia","requestAnimationFrame","cancelAnimationFrame","webkitRequestAnimationFrame","webkitCancelAnimationFrame","webkitCancelRequestAnimationFrame","captureEvents","releaseEvents","atob","btoa","setTimeout","clearTimeout","setInterval","clearInterval","TEMPORARY","PERSISTENT","getComputedStyle","getMatchedCSSRules","webkitConvertPointFromPageToNode","webkitConvertPointFromNodeToPage","webkitRequestFileSystem","webkitResolveLocalFileSystemURL","openDatabase","addEventListener","removeEventListener","dispatchEvent"];
    var appSpecificGlobals={};
    for (var w in window){
        if (standardGlobals.indexOf(w)==-1) appSpecificGlobals[w]=window[w];
    }
    console.log(appSpecificGlobals);})()

স্ক্রিপ্ট একটি বুকমার্কলেট হিসাবে ভাল কাজ করে। স্ক্রিপ্টটি বুকমার্কলেট হিসাবে ব্যবহার করতে, একটি নতুন বুকমার্ক তৈরি করুন এবং নিম্নলিখিতটির সাথে URL টি প্রতিস্থাপন করুন:

javascript:(function(){var standardGlobals=["top","window","location","external","chrome","document","inlineCSS","target","width","height","canvas","data","DOMURL","img","svg","ctx","url","w","a","speechSynthesis","webkitNotifications","localStorage","sessionStorage","applicationCache","webkitStorageInfo","indexedDB","webkitIndexedDB","crypto","CSS","performance","console","devicePixelRatio","styleMedia","parent","opener","frames","self","defaultstatus","defaultStatus","status","name","length","closed","pageYOffset","pageXOffset","scrollY","scrollX","screenTop","screenLeft","screenY","screenX","innerWidth","innerHeight","outerWidth","outerHeight","offscreenBuffering","frameElement","clientInformation","navigator","toolbar","statusbar","scrollbars","personalbar","menubar","locationbar","history","screen","postMessage","close","blur","focus","ondeviceorientation","ondevicemotion","onunload","onstorage","onresize","onpopstate","onpageshow","onpagehide","ononline","onoffline","onmessage","onhashchange","onbeforeunload","onwaiting","onvolumechange","ontimeupdate","onsuspend","onsubmit","onstalled","onshow","onselect","onseeking","onseeked","onscroll","onreset","onratechange","onprogress","onplaying","onplay","onpause","onmousewheel","onmouseup","onmouseover","onmouseout","onmousemove","onmouseleave","onmouseenter","onmousedown","onloadstart","onloadedmetadata","onloadeddata","onload","onkeyup","onkeypress","onkeydown","oninvalid","oninput","onfocus","onerror","onended","onemptied","ondurationchange","ondrop","ondragstart","ondragover","ondragleave","ondragenter","ondragend","ondrag","ondblclick","oncuechange","oncontextmenu","onclose","onclick","onchange","oncanplaythrough","oncanplay","oncancel","onblur","onabort","onwheel","onwebkittransitionend","onwebkitanimationstart","onwebkitanimationiteration","onwebkitanimationend","ontransitionend","onsearch","getSelection","print","stop","open","showModalDialog","alert","confirm","prompt","find","scrollBy","scrollTo","scroll","moveBy","moveTo","resizeBy","resizeTo","matchMedia","requestAnimationFrame","cancelAnimationFrame","webkitRequestAnimationFrame","webkitCancelAnimationFrame","webkitCancelRequestAnimationFrame","captureEvents","releaseEvents","atob","btoa","setTimeout","clearTimeout","setInterval","clearInterval","TEMPORARY","PERSISTENT","getComputedStyle","getMatchedCSSRules","webkitConvertPointFromPageToNode","webkitConvertPointFromNodeToPage","webkitRequestFileSystem","webkitResolveLocalFileSystemURL","openDatabase","addEventListener","removeEventListener","dispatchEvent"]; var $appSpecificGlobals={};for (var w in window){if (standardGlobals.indexOf(w)==-1) $appSpecificGlobals[w]=window[w];} window.$appSpecificGlobals=$appSpecificGlobals;console.log(window.$appSpecificGlobals);})()

Comments

এটি বর্তমান ক্রোম এবং ফায়ারফক্সের ডিফল্ট গ্লোবালগুলির একটি তালিকা: পেস্টবিন.

— com

Answer 6

ডেভিড ওয়ালশ এর জন্য একটি দুর্দান্ত সমাধান আছে। এই থ্রেডে যা আবিষ্কার করা হয়েছে তার সাথে তার সমাধানটির সংমিশ্রণটি এখানে আমার গ্রহণযোগ্য।

https://davidwalsh.name/global-variables-javascript

x = {};
var iframe = document.createElement('iframe');
iframe.onload = function() {
    var standardGlobals = Object.keys(iframe.contentWindow);
    for(var b in window) { 
      const prop = window[b];
      if(window.hasOwnProperty(b) && prop && !prop.toString().includes('native code') && !standardGlobals.includes(b)) {
        x[b] = prop;
      }
    }
    console.log(x)
};
iframe.src = 'about:blank';
document.body.appendChild(iframe);

x এখন কেবল গ্লোবাল রয়েছে।

Comments

prop.toStringদেখে মনে হচ্ছে সর্বত্রই নেই, সুতরাং অবস্থাটি আরও রক্ষণাত্মক হতে পারেif(window.hasOwnProperty(b) && prop && (prop.toString && !prop.toString().includes('native code')) && !standardGlobals.includes(b))

— yves amsellem

Answer 7

জাভাস্ক্রিপ্ট কনসোলে নিম্নলিখিত বিবৃতিটি টাইপ করুন:

debugger

এখন আপনি সাধারণ ডিবাগ সরঞ্জামগুলি ব্যবহার করে বৈশ্বিক সুযোগ পরিদর্শন করতে পারেন।

পরিষ্কার করা, আপনি পাবেন সবকিছু মধ্যে windowব্রাউজার বিল্ট-ইন সহ সুযোগ, তাই এটি একটি সুচ-ইন-এ-খড়ের গাদা অভিজ্ঞতা সাজানোর হতে পারে। : /

Answer 8

আপনি ক্রোমের জন্য এই ফায়ারব্যাগ লাইট এক্সটেনশনটি চেষ্টা করতে চাইতে পারেন ।

Comments

যদিও এটি দেখতে দুর্দান্ত দেখাচ্ছে, এই সমাধানটি আমার কাছে একটি মশা মারতে কামান ব্যবহার করে কিছুটা শোনাচ্ছে।

— মার্সেল করপেল 29:25

হতে পারে. এটি কেবলমাত্র আমি খুঁজে পেয়েছি যা অবজেক্ট / ফাংশন / ইত্যাদি দেখায়। এফএফ-তে ফায়ারব্যাগটি কীভাবে করে (এক্সটেনশনে ডোম-ট্যাবের অধীনে)। যদিও এটি কিছুটা ধীর।

— KooiInc

১ May ই মে পর্যন্ত আপনার লিঙ্কটি নষ্ট হয়ে গেছে। এই কি একই? getfirebug.com/releases/lite/chrome

— ইয়ান হান্টার

@ জিনল্যান্ড 7: হ্যাঁ, উত্তরে এটি স্থির করুন, সতর্কতার জন্য

— THNX

Answer 9

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

Answer 10

অবিন্দ্র উল্লিখিত একই নিবন্ধ থেকে আপডেট পদ্ধতি - iframe ইনজেকশন দেয় এবং এর contentWindowবৈশিষ্ট্যগুলিকে বৈশ্বিক উইন্ডো বৈশিষ্ট্যগুলির সাথে তুলনা করে ।

(function() {
  var iframe = document.createElement('iframe');
  iframe.onload = function() {
    var iframeKeys = Object.keys(iframe.contentWindow);
    Object.keys(window).forEach(function(key) {
      if(!(iframeKeys.indexOf(key) > -1)) {
        console.log(key);
      }
    });
  };
  iframe.src = 'about:blank';
  document.body.appendChild(iframe);
})();

Answer 11

প্রকার: thisকনসোলে,

পেতে window objectআমার মনে হয় (?), আমার মনে হয় এটি মূলত টাইপিং হিসাবে একই windowকনসোলে।

এটি কমপক্ষে ফায়ারফক্স এবং ক্রোমে কাজ করে।

Answer 12

সমস্ত "পাবলিক ভেরিয়েবল" উইন্ডো অবজেক্টের প্রকৃত বৈশিষ্ট্য হিসাবে (আপনি যে উইন্ডো / ট্যাবটি দেখছেন) তাই আপনি তার পরিবর্তে "উইন্ডো" অবজেক্টটি পরীক্ষা করতে পারেন। আপনার যদি একাধিক ফ্রেম থাকে তবে আপনাকে সঠিক উইন্ডো অবজেক্টটি (যেমন ফায়ারব্যাগের মতো) নির্বাচন করতে হবে।

Answer 13

এই সহজ আদেশটি চেষ্টা করুন:

console.log (উইন্ডো)

Comments

এটি "অপরিবর্তিত"

— শায়ান

Answer 14

পরিবর্তনশীল এবং তাদের মান তালিকাভুক্ত করুন

for(var b in window) { if(window.hasOwnProperty(b)) console.log(b+" = "+window[b]); }

একটি নির্দিষ্ট ভেরিয়েবল অবজেক্টের মান প্রদর্শন করুন

console.log(JSON.stringify(content_of_some_variable_object))

সূত্র: @ উত্তর-ব্র্যাডলি থেকে মন্তব্য এবং @ নিক-ক্র্যাভারের উত্তর

Answer 15