Buy default the popup opened below the extension icon, we can change the position by create a new window
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 });
}
The above is the detailed content of Chrome extension development: How open popup.html to the right and top of the page. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
