Question

我正在使用附加SDK创建一个firefox扩展，它将显示所有选项卡详细信息，包括内存，标题和URL。我试图使用require（“sdk / tabs”）获取标签标题;标签包。

以下是示例代码：

popup.js

<body>
    <ul>
        <li>
            <a href="#" tabindex="1" id = "tab_list"> Settings</a>
        </li>
    </ul>
    <script type="text/javascript" src="popup.js"></script>
</body>

popup.js

var tab_button = document.getElementById("tab_list");
tab_button.addEventListener("click", function() {
    addon.port.emit("GET_TABS");
});

主文件：index.js

const buttons = require("sdk/ui/button/action");
const { TogglePanel } = require("popupPanel");

var button = buttons.ActionButton({
    id: "mem-tools",
    label: "tabs info listing",
    icon: {
        "16": "./tab.png",
    },
    onClick: handleClick
});

let togglePanel = new TogglePanel();

function handleClick(state) {
    togglePanel.panel.show({position:button});
}

面板文件：popupPanel.js

var Panel = require('sdk/panel');
var self = require('sdk/self');
var { MemoryHandler } = require('memory-handler');

var memoryHandler = new MemoryHandler();
function TogglePanel() {

    this.panel = new Panel.Panel({
        width: 150,
        height: 200,
        contentURL: self.data.url("popup.html")
    });
    this.panel.port.on("GET_TABS", function() {
        memoryHandler.getAllTabs();
    });
}
exports.TogglePanel = TogglePanel;

存储器handler.js

    var tabs = require('sdk/tabs');

    function MemoryHandler() {

        return {

            getAllTabs: () => {
                for(let tab of tabs) {
                    console.log(tab.title);
                }
            }

        }
    }
    exports.MemoryHandler = MemoryHandler;

此代码仅从主窗口和子窗口中获取所有选项卡标题，但不从使用_blank属性打开的所有其他新窗口选项卡中获取。

注意：我们可以轻松地重新创建问题，只需创建一个html页面并使用以下代码：

 <a href="http://www.someurl.com" target="_blank">Visit me</a>

使用“_blank”属性打开的页面不在选项卡数组下。

感谢任何帮助。在此先感谢!!

Answer 1

我们可以通过创建自定义数组来获取所有窗口标签中的所有标题。

index.js

 var memoryHandler = new MemoryHandler();
 tabs.on('ready', function(tab) {
     memoryHandler.addTabDetails({id: tab.id ,title: tab.title, url: tab.url});
 });

如果你想获得在页面加载后使用javascript设置的标题，你可以在标签的内容脚本中注入一个变异观察者代码

存储器handler.js

var presentTabs = []
function MemoryHandler() {

    return {
        addTabDetails: (tab_array) => {
            presentTabs.push(tab_array);
        }

    }
}
exports.MemoryHandler = MemoryHandler;

如何获取在Firefox中的多个窗口中打开的所有选项卡的标题？

1 个答案: