¿Cómo puedo ocultar visiblemente mi popup.html cada vez que hago clic en un botón en esa ventana emergente? Quiero mantener mis scripts en ejecución pero minimizar la ventana emergente fuera de la página. La razón por la que estoy haciendo esto es porque estoy creando una extensión de cuentagotas que puede obtener el color debajo del cursor y tal vez ese color esté bloqueado por la ventana emergente, por lo tanto, quiero ocultarlo cuando estoy buscando un color. Una vez que he elegido mi color, vuelve a aparecer la ventana emergente.
Tendrá que cambiar el tamaño de la ventana emergente, por ejemplo, ocultando todo lo que hay dentro. El tamaño mínimo sigue siendo 16x16.
popup.js debería llamar a start() dentro de algún detector de eventos:
function start() { Object.assign(document.documentElement, { className: 'hidden', title: 'Click to cancel', onclick: stop, }); } function stop() { Object.assign(document.documentElement, { className: '', title: '', onclick: null, }); }ventana emergente.css:
html.hidden * { display: none !important } html.hidden::after { content: 'x'; text-align: center; display: block; cursor: pointer; }