จะอ่านข้อความคอนโซลจาก background.js ในส่วนขยายของ Chrome ได้ที่ไหน

ฉันเพิ่งเริ่มด้วยส่วนขยายของ Google Chrome และฉันไม่สามารถเข้าสู่คอนโซลจากพื้นหลัง js ได้ เมื่อมีข้อผิดพลาดเกิดขึ้น (ตัวอย่างเช่นเนื่องจากข้อผิดพลาดทางไวยากรณ์) ฉันไม่พบข้อความแสดงข้อผิดพลาดใด ๆ

ไฟล์รายการของฉัน:

{
  "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!")

เมื่อฉันโหลดส่วนขยายการแจ้งเตือนจะปรากฏขึ้น แต่ฉันไม่เห็นสิ่งใดที่ถูกบันทึกไว้ในคอนโซล ผมทำอะไรผิดหรือเปล่า?

คุณกำลังดูสถานที่ที่ผิด ข้อความคอนโซลที่บันทึกไว้จะไม่ปรากฏในหน้าเว็บ แต่ในหน้าพื้นหลัง (มองไม่เห็น) เมื่อต้องการดูข้อความเหล่านี้ในคอนโซลทำตามขั้นตอนเหล่านี้:

chrome://extensions/เยือน
คุณสามารถคลิกขวาที่ไอคอนส่วนขยายจากนั้นคลิก "จัดการส่วนขยาย"

1. เปิดใช้งานโหมดผู้พัฒนา
2. คลิกที่ลิงค์ของหน้าพื้นหลังของคุณ (ที่ "ตรวจสอบมุมมอง")
3. คอนโซลผู้พัฒนาเปิดขึ้นสำหรับหน้านี้

UI ใหม่:

UI เก่า:

ฉันมีปัญหาเดียวกันในกรณีของฉันการบันทึกถูกตั้งค่าเป็น "ซ่อนทั้งหมด" ในแท็บคอนโซลในเครื่องมือของนักพัฒนาซอฟต์แวร์ Chrome ฉันไม่ได้ตระหนักว่านี่เป็นตัวเลือกและฉันจำไม่ได้ว่าปิดเครื่อง

สำหรับผู้ติดตามที่ต้องการเห็นคอนโซลการดีบักสำหรับ "สคริปต์เนื้อหา" ของส่วนขยายโครเมี่ยมสามารถทำได้โดยการทำ "คอนโซลนักพัฒนาซอฟต์แวร์" ตามปกติจากนั้นใช้ลูกศรแบบเลื่อนลงเพื่อเลือก "สภาพแวดล้อม JavaScript" จากนั้นคุณจะสามารถเข้าถึงได้ วิธีการ ฯลฯ

นอกจากนี้

หากคุณต้องการดูcontent_scriptไฟล์ js (เมื่อไม่ได้ตั้งค่าคุณสมบัติ "พื้นหลัง") ในmanifest.json

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

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

จากนั้นคลิกขวาที่ไอคอนส่วนขยายและคลิกที่ตรวจสอบหน้าต่างป๊อปอัพและนักพัฒนาซอฟต์แวร์จะเปิดขึ้นโดยมีป๊อปอัปเปิด HTML ขึ้นมาคุณจะเห็นแท็บคอนโซล

คล้ายกับคำตอบของ Michiel i นอกจากนี้ยังมีการกำหนดค่าคอนโซลตลก: ตัวกรองที่ฉันจำไม่ได้ว่าตั้งค่า:

หลังจากล้างตัวกรองฉันเห็นข้อความ

หากเราต้องการอ่านข้อความที่พิมพ์ไปยังคอนโซลจากหน้าป๊อปอัพเราสามารถคลิกที่ไอคอนส่วนขยายเพื่อเปิดหน้าป๊อปอัพจากนั้นคลิกขวาที่หน้าป๊อปอัพที่ใดก็ได้เมนูดร็อปดาวน์จะปรากฏขึ้นเราเพียงคลิกเมนู เปิดเครื่องมือสำหรับนักพัฒนา ขอให้สังเกตว่าหน้าป๊อปอัพจะต้องเปิดอยู่ หากปิด (โดย window.close ()) เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์จะถูกปิดเช่นกัน

ฉันมีปัญหานี้เช่นกัน ดูเหมือนว่าหน้าเว็บของฉันไม่ได้อัปเดตเป็นสคริปต์ที่บันทึกใหม่ สิ่งนี้ได้รับการแก้ไขโดยการกดCtrl+ รีเฟรช (หรือCtrl+ F5) ในเบราว์เซอร์โครม