2013-06-25 61 views
3

我開始學習製作自己的Chrome擴展程序,並從小處着手。 目前,我正在使用alert()函數切換到console.log(),以獲得更清潔的開發環境。Chrome擴展程序 - 控制檯日誌沒有觸發

由於某種原因,console.log()未顯示在我的Chrome控制檯日誌中。但是,alert()函數工作得很好。

有人可以在下面查看我的代碼,也許可以告訴我爲什麼console.log()未按預期發射?

manifest.json的

{ 
    "manifest_version": 2, 
    "name": "Sandbox", 
    "version": "0.2", 
    "description": "My Chrome Extension Playground", 
    "icons": { 
     "16": "imgs/16x16.png", 
     "24": "imgs/24x24.png", 
     "32": "imgs/32x32.png", 
     "48": "imgs/48x48.png" 
     }, 

    "background": { 
     "scripts": ["js/background.js"] 
     }, 


    "browser_action": { 
     "default_title": "My Fun Sandbox Environment", 
      "default_icon": "imgs/16x16.png" 
     }, 

    "permissions": [ 
     "background", 
     "storage", 
     "tabs", 
     "http://*/*", 
     "https://*/*" 
     ] 
} 

JS/background.js

function click(e) { 
    alert("this alert certainly shows"); 
    console.log("But this does not"); 
} 

// Fire a function, when icon is clicked 
chrome.browserAction.onClicked.addListener(click); 

正如你所看到的,我一直是很簡單的。只需單擊manifest.json和帶有事件偵聽器的background.js文件(如果工具欄中的圖標被點擊)。

正如我所提到的,alert()彈出很好,而console.log()似乎被忽略。

+1

的可能重複(HTTP [凡從一個Chrome擴展background.js讀控制檯消息?]:/ /stackoverflow.com/questions/10257301/where-to-read-console-messages-from-background-js-in-a-chrome-extension) –

回答

4

嘗試在擴展頁面打開 「_generated_background_page.html」(鉻://擴展/)

+0

工作!我忘了提及我是右鍵單擊瀏覽器選項卡,選擇'inspect-element',然後在那個例子中搜索。 – coffeemonitor

相關問題