在 Firefox 的页面中找到添加以下 html 的源答案

【问题标题】：Find the source that added the following html in a page on Firefox在 Firefox 的页面中找到添加以下 html 的源
【发布时间】：2019-02-25 18:23:31
【问题描述】：

访问我在 Firefox 上创建并经常访问的网页后，第一次出现了覆盖窗口的模式，并在文档正文的末尾创建了一个神秘的 DOM 节点。

注入了以下代码：

<div>
  <style>
    .overlay {font-family: "Lato", sans-serif;height: 100%;width: 100%;position: fixed;z-index: 9999999;top: 0;left: 0;  background-color: rgba(0,0,0, 0.85);overflow-x: hidden;transition: 0.5s;}.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 30px;}.overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}.overlay a:hover, .overlay a:focus {color: #f1f1f1;}.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}@media screen and (max-height: 450px) {  .overlay a {font-size: 20px}  .overlay .closebtn {font-size: 40px;top: 15px;right: 35px;  }}
  </style>
  <div id="showHomebrewOverlayOuter" class="overlay">
    <a href="javascript:void(0)" class="closebtn" id="showHomebrewOverlay1" rel="nofollow">×</a>
    <div class="overlay-content">
      <a href="#" id="showHomebrewOverlay2" rel="nofollow">Continue</a>
    </div>
  </div>
</div>

该页面托管在 gh-pages 上，没有添加此类组件的提交，也没有对不熟悉文件的额外网络请求。

两个链接具有相同的事件处理程序，运行位于 Firefox 扩展文件夹中的 .xpi 附加文件中的函数。

我解压了 .xpi 并检查了扩展程序的代码，这对于它的用途来说似乎很正常，但我在任何地方都找不到创建上述节点的代码，也找不到 ID 和类名。

我已经使用该扩展程序一段时间了，但没有遇到同样的问题。插件本身在过去几个月也没有更新，所以它真的很奇特。

我认为这不可能是 gh-pages 问题，因为处理程序调用了位于本地文件中的函数。 Firefox 是否能够采取此操作来引导用户在安装后重新运行插件的代码？你以前遇到过这样的行为吗？

有问题的扩展名是https://addons.mozilla.org/en-US/firefox/addon/translater-for-all-languages/。

【问题讨论】：

标签： javascript firefox firefox-addon

【解决方案1】：

这可能是因为他们可能正在添加新的模态窗口，这些窗口会动态添加到您的窗口文档中。因此它会添加到文档的末尾。

当您检查 DOM 元素时，您可能会觉得这很可疑。

是的，这种编码和技术非常通用。我经常使用第三方插件，例如 KendoUI 或 Infrastructure UI。它有类似的技术，这是可以接受的。

【讨论】：