একটি Chrome এক্সটেনশনে ব্যাকগ্রাউন্ড.js থেকে কনসোল বার্তাগুলি কোথায় পড়বেন?

194

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

আমার প্রকাশিত ফাইল:

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {
    "scripts": ["background.js"]
  },
  "permissions": [
    "pageCapture",
    "tabs"
  ]
}

background.js:

alert("here");
console.log("Hello, world!")

আমি যখন এক্সটেনশান লোড করি, সতর্কতাটি উপস্থিত হয় তবে কনসোলে লগ হওয়া কিছু দেখছি না। আমি কি ভুল করছি?

— grasaved
সূত্র

2

গুগল ক্রোম ব্যাকগ্রাউন্ড স্ক্রিপ্ট কীভাবে ডিবাগ করা যায় তার

— ripper234

হাইলাইট বারটি যদি অন্য কোনও ট্যাবগুলিতে না থাকে তবে কোনও

— বার্তাবহ

376

আপনি ভুল জায়গা তাকিয়ে আছেন। লগড কনসোল বার্তা ওয়েব পৃষ্ঠায় উপস্থিত হয় না, তবে (অদৃশ্য) পটভূমির পৃষ্ঠাতে in কনসোলে এই বার্তাগুলি দেখতে, এই পদক্ষেপগুলি অনুসরণ করুন:

দর্শন chrome://extensions/।
আপনি এক্সটেনশন আইকনটিতে ডান-ক্লিক করতে পারেন, তারপরে "এক্সটেনশানগুলি পরিচালনা করুন" এ ক্লিক করুন।

বিকাশকারী মোড সক্ষম করুন
আপনার পটভূমির পৃষ্ঠার লিঙ্কটিতে ক্লিক করুন ("দর্শনগুলি পরিদর্শন করুন" এ)।
এই পৃষ্ঠার জন্য বিকাশকারী কনসোল খোলে ।

নতুন ইউআই:

পুরানো ইউআই:

— রব ডাব্লু
সূত্র

@ রবডাব্লু, এক্সটেনশনটি প্রসারিত করার জন্য আমার কাছে ত্রিভুজাকার বোতাম নেই এবং কোনও সক্রিয় দৃষ্টিভঙ্গি দেখতে পাচ্ছেন না। এই উত্তরটি কি আর সর্বশেষতম ক্রোম বিল্ডের সমাধান নয় বা আমি কিছু হারিয়ে যাচ্ছি?

— gwg

1

@ggundersen আমি ছবি আপডেট করেছি। ত্রিভুজটি সরানো হয়েছে, যখন বিকাশকারী মোড সক্রিয় করা হয় তখন এই পদক্ষেপটি স্বয়ংক্রিয়ভাবে ঘটে।

— রব ডাব্লু

আপনি কীভাবে কন্টেন্ট স্ক্রিপ্টগুলি ডিবাগ করবেন?

— সুপারউবারডুপার

1

@ সুপারউবারডুপারটি যে ট্যাবে কনটেন্ট স্ক্রিপ্টটি চলছে সেখানে ডেভলটুলগুলির মাধ্যমে।

— রব ডাব্লু

13

আমার একই সমস্যা ছিল, আমার ক্ষেত্রে লগইনটি Chrome বিকাশকারী সরঞ্জামগুলির কনসোল ট্যাবে "সমস্ত গোপন করুন" এ সেট করা হয়েছিল। আমি বুঝতে পারি নি যে এটি একটি বিকল্প ছিল এবং আমি এটিকে বন্ধ করে দেওয়ার কথা মনে করতে পারি না

— Michiel
সূত্র

7

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

— rogerdpack
সূত্র

5

অতিরিক্ত

আপনি যদি content_scriptজেএস ফাইলটি দেখতে চান (যখন "পটভূমি" সম্পত্তি সেট করা নেই) manifest

"content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["popup.js"],
  }]

"browser_action": {
    "default_icon": "icon_32.png",
    "default_popup": "popup.html"
  }

তারপরে এক্সটেনশন আইকনটিতে ডান ক্লিক করুন এবং পপআপ পরিদর্শন করুন-এ ক্লিক করুন এবং বিকাশকারী উইন্ডোটি পপআপ html খোলার সাথে খোলে, সেখানে আপনি কনসোল ট্যাব দেখতে পাবেন।

— diEcho
সূত্র

9

1) এটি প্রশ্নের উত্তর দেয় না, 2) এটি কেবল ভুল; বিষয়বস্তু স্ক্রিপ্ট এর দ্বারা সংযুক্ত পৃষ্ঠার কনসোলে বার্তাগুলি লগ করে, যেমন প্রকৃত ব্রাউজার ট্যাব। আমি মনে করি আপনার popup.jsকোডটিতে , পুনরায় ব্যবহৃত হয়েছিল popup.htmlএবং সেই অনুলিপিটির ফলাফল হিসাবে আপনি উল্লেখ করেছেন place তবে এটি সম্পূর্ণ বিভ্রান্তিকর।

— Xan

2

এই উত্তরটি আমাকে ক্রোম এক্সটেনশনের লগ চেক করতে সহায়তা করে যা পপআপ হিসাবে চালিত হয়

— রাশফ্ল্যাশ

1

মিচিয়েলের উত্তরের মতো আমারও একটি মজাদার কনসোল কনফিগারেশন ছিল: একটি ফিল্টার যা আমি সেটিং মনে রাখতে পারি না:

ফিল্টার সাফ করার পরে আমি বার্তাগুলি দেখেছি।

— টোনিও লাইব্র্যান্ড
সূত্র

1

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

— টোকেন ই
সূত্র

0

আমি ভাল হিসাবে এই সমস্যা ছিল। দেখে মনে হচ্ছে আমার ওয়েবপৃষ্ঠাটি সদ্য সংরক্ষিত স্ক্রিপ্টটিতে আপডেট হচ্ছে না। এটি ক্রোম ব্রাউজারে Ctrl+ রিফ্রেশ (বা Ctrl+ F5) টিপে সমাধান করা হয়েছিল ।