chrome扩展:如何使对话框位于当前窗口的右侧?

最新推荐文章于 2024-08-20 02:06:44 发布

乐辞

最新推荐文章于 2024-08-20 02:06:44 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_45503196/article/details/126027616

版权

Chrome扩展对话框窗口定位 JavaScript popup

关键词由CSDN通过智能技术生成

本文详细阐述了如何在Chrome扩展中实现对话框定位到当前窗口右侧的功能。通过监听chrome.action.onClicked事件，获取所有窗口并检查是否存在已打开的对话框。如果存在，则将最后一个焦点窗口设为焦点；否则，创建新的对话框，并设置其位置在当前窗口右侧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

chrome扩展:如何使对话框位于当前窗口的右侧?

本文介绍了chrome扩展: 如何使扩展对话框位于当前窗口的右侧的处理方法。

chrome.action.onClicked.addListener(async function(tab){
    var windows = await chrome.windows.getAll({populate: true, windowTypes: ["popup"]}) || []

    // 在这边我的处理是只能显示一个对话框，每次判断有没有已存在的对话框，如果有则取上一次的对话框给予焦点
    if(windows.length > 0){
        var lastFoucsedWindow = await chrome.windows.getLastFocused({
            populate: true, windowTypes: ["popup"]
        })
        if(!lastFoucsedWindow.focused){
            chrome.windows.update(lastFoucsedWindow.id, {focused: true});
        }
    }else{
        chrome.windows.getCurrent(function(w) {
          // w 参数包含了浏览器窗口的信息，如 高度、宽度 ...
          chrome.windows.create({tabId: tab.id,url: "popup.html", type: "popup", width:340,height:610,top: 80,left: (w.width - 450)});
        });
    }
})