無法讓 console.log() 在 popup.js 中工作

Question

我正在嘗試創建一個基本的 chrome 擴展來保存我對我想要跟蹤的重要網站的評論。

但是，由於某種原因，控制台日志不工作，甚至沒有在擴展的控制台日志（如說這里）

下面附上我的 popup.js 和 popup.html 文件。

let urlElement = document.getElementById("url");
var currentURL;
let submitBtn = document.getElementById("submitBtn");
let allNotes = document.getElementById("all");

chrome.tabs.query({
  active: true,
  currentWindow: true
}, function(tabs) {
  currentURL = tabs[0].url;
  urlElement.innerText = currentURL;
})

function submitHandler() {
  let key = btoa(encodeURI(currentURL));
  let value = document.getElementById("box").value;
  if (value) {
    chrome.storage.sync.set({
      key: value
    }, function() {
      console.log('value logged');
    })
  }
}

function notesHandler() {
  chrome.tabs.create({
    url: 'notes.html'
  });
}

document.addEventListener('DOMContentLoaded', function() {
  submitBtn.addEventListener('click', submitHandler);
  allNotes.addEventListener('click', notesHandler);
});

<!DOCTYPE html>
<html lang="en">

<body>
  <p>Current URL:</p>
  <p id="url"></p>
  <form>
    <textarea id="box" rows="20" cols="35"></textarea>
    <input type="submit" value="NOTED!" id="submitBtn">
  </form>
  <button id="all">VIEW ALL NOTES</button>
  <script src="popup.js">
  </script>
</body>

</html>

這是它的樣子，擴展控制台上沒有任何顯示。 另外，我包含腳本的方式是否正確？

Answer 1

嘗試將帶有preventDefault和stopPropagation 的事件添加到您的submitHandler函數中：

function submitHandler(event){
   event.stopPropagation();
   event.preventDefault();
   ...
}

因為默認情況下按鈕類型提交只會重新加載您的頁面，然后按順序清除您的控制台。 希望有幫助。

無法讓 console.log() 在 popup.js 中工作

問題描述

1 個解決方案

解決方案1
1 已采納 2019-01-27 08:36:25

無法讓 console.log() 在 popup.js 中工作

問題描述

1 個解決方案

解決方案1 1 已采納 2019-01-27 08:36:25

解決方案1
1 已采納 2019-01-27 08:36:25