ホームページ >ウェブフロントエンド >jsチュートリアル >Chrome 拡張機能の開発: ページの右側と上部にある Popup.html を開く方法

Chrome 拡張機能の開発: ページの右側と上部にある Popup.html を開く方法

PHPz
PHPzオリジナル
2024-09-11 06:34:36709ブラウズ

Chrome extension development: How open popup.html to the right and top of the page

拡張機能アイコンの下に開くポップアップをデフォルトで購入します。新しいウィンドウを作成して位置を変更できます

chrome.action.onClicked.addListener(async (tab) => {
    openPopup(tab)
});

const openPopup = async (tab) => {
    const currentWindow = await chrome.windows.getCurrent();
    let window = await chrome.windows.create({
        url: './popup.html',
        type: 'popup',
        width: 320,
        height: 578,
        left: currentWindow.left + currentWindow.width - 320,
        top: 100
    });
    chrome.windows.update(window.id, { focused: true });
}

以上がChrome 拡張機能の開発: ページの右側と上部にある Popup.html を開く方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。