Chrome 扩展 window 加载 jquery

Question

当用户单击扩展图标并加载 window 时，我该如何编写内容？

我已经试过了

window.onload = function() { console.log("das"); }

和]

$(document).ready(function(){ console.log('document is ready'); });

但是还是没有任何日志？

Answer 1

也许这不是最好的主意，但您可以使用 chrome.tabs.sendMessage 和 chrome.runtime.onMessage.addListener 在 contentscript.js 和 popup.js

之间进行通信

contentscript.js 是运行直接在页面范围内，因此您可以轻松检测页面何时准备就绪。之后您可以发送消息chrome.tabs.sendMessage(tabs.id, {action: 'pageReady'});。在 popup.js 你正在收听：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if (request.action === 'pageReady') {
        // Do what you want to do on page ready
    }
});

它应该对你有用。您还可以向调用者发送响应：

contentscript.js 将信息发送到 popup.js 页面已准备就绪。
popup.js做你想做的事（显示table）。
popup.js 发送信息给 contentscript.js 添加了 table。

编辑我不确定我的解决方案，因为我发现以下信息：

The popup, while being an extension page, is not a background page. It is only accessible when it is open

我不知道是否可以在弹出窗口中监听事件。你需要检查一下。

Chrome 扩展 window 加载 jquery

Chrome extension window onload jquery

javascript

jquery

google-chrome

onload

google-chrome-extension