javascript - Chrome 扩展窗口 onload jquery

标签 javascript jquery google-chrome google-chrome-extension onload

当用户单击扩展图标并加载窗口时,我该如何编写一些内容?

我已经尝试过

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

和]

$(文档).ready(函数(){ console.log('文档已准备好'); });

但是仍然没有任何日志?

最佳答案

也许这不是最好的主意,但您可以使用 chrome.tabs.sendMessagechrome.runtime.onMessage.addListenercontentscript.jspopup.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
    }
});

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

  1. contentscript.js 将信息发送到页面已准备就绪的 popup.js
  2. popup.js 做你想做的事(显示表格)。
  3. popup.js 将信息发送到添加的表的 contentscript.js

编辑 我不确定我的解决方案,因为我发现了以下信息:

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

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

关于javascript - Chrome 扩展窗口 onload jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39180341/

相关文章:

javascript - 如何使我的网站兼容手机和平板电脑?

javascript - JQuery 淡入淡出效果而不隐藏内部元素

javascript - 如何使用 MVC 模型为 google map 坐标构建 javascript 数组

javascript - 根据复选框值显示/隐藏 div

xml - XSLT document() 在 WebKit 浏览器中的使用

javascript - 带 javascript 参数的 Laravel 路由

javascript - onmouseover 和 jquery 函数无法正常工作

javascript - 如何关闭响应式菜单,单击导航外部

javascript - ...此内容也应通过 HTTPS 加载

jquery - 事件不适用于 jQuery 和 Chrome 选择选项