Question

所以，我创建了一个chrome扩展程序，它像tampermonkey一样工作，除了它使用cookie来存储脚本。

现在，要输入cookie的代码，我使用keycombo，通过prompt()打开提示。我想改为使用自定义元素显示在当前网页的模糊视图上。我也不想移动任何其他元素。

到目前为止，这是我的代码：

a = String(decodeURIComponent(document.cookie.split("@=")[1].split(";")[0]));
b = new Date().getFullYear(); b = new Date().toGMTString().replace(b, ++b);
c = document.createElement("script"); d = document.head;

a[0] == "@" ? c.src = a.substr(1) : c.innerText = a;
d.insertBefore(c, d.firstChild);

addEventListener("keypress", function (i)
{
  if (i.which == 81 && i.shiftKey == true)
  {
    e = encodeURIComponent(prompt("Usage: Link - @[URL] | Script - [Raw JS]"));
    document.cookie = "@=" + e + "; expires=" + b; location.reload();
  };
});

任何想法？

Answer 1

修改：更好主意

我知道你不想插入更多元素，但也许只有一个？这应该有用。

让脚本改变你的结构：

<html>
<body>
    <div id="blur">
    // original page content
    </div>

    <div id="floatingModal">
    // your content
    </div>
</body>
</html>

然后你模糊了新的div

div#blur{
    filter: blur(5px);
}

你必须输入那个div，但这应该这样做。

wOxxOm建议的另一种方法：

截取页面并使用CSS filter: blur(5x)模糊它。

有关如何使用JavaScript获取屏幕截图的信息，请访问：Using HTML5/Canvas/JavaScript to take screenshots

模糊身体元素及其内容，然后在顶部显示一个不模糊的元素

1 个答案:

wOxxOm建议的另一种方法：