如何为我的 google 分机关闭 popup.html？

Question

我如何才能在单击该弹出窗口上的按钮时明显地隐藏我的 popup.html。我想保留我的脚本运行但尽量减少页面上的弹出窗口。我这样做的原因是因为我正在做一个滴管扩展，它可以让你的光标下的颜色，也许那个颜色被弹出窗口挡住了，所以我想在我寻找一个时隐藏它颜色。一旦我选择了我的颜色，弹出窗口就会重新出现。

Answer 1

您必须调整弹出窗口的大小，例如把所有东西都藏在里面。最小尺寸仍然是 16x16。

popup.js 应该在某个事件侦听器中调用 start()：

function start() {
  Object.assign(document.documentElement, {
    className: 'hidden',
    title: 'Click to cancel',
    onclick: stop,
  });
}
function stop() {
  Object.assign(document.documentElement, {
    className: '',
    title: '',
    onclick: null,
  });
}

popup.css:

html.hidden * {
  display: none !important
}

html.hidden::after {
  content: 'x';
  text-align: center;
  display: block;
  cursor: pointer;
}

如何为我的 google 分机关闭 popup.html？

How to close popup.html for my google extension?

javascript

google-chrome-extension