Google chrome extension 为什么Mozilla';s的borderify示例扩展在某些网页(youtube、reddit、,

Google chrome extension 为什么Mozilla';s的borderify示例扩展在某些网页(youtube、reddit、,,google-chrome-extension,firefox-addon,browser-extension,Google Chrome Extension,Firefox Addon,Browser Extension,Mozilla在中包含了过多的浏览器扩展。其中之一是“Brorderify”,它有一个内容脚本,可以为页面匹配添加边框: 我已将匹配项设置为“匹配项”: 检查尸体表明他们的身体是一个边界,尽管我们看不见 删除…标记将实际显示边框 边框是如何覆盖或不显示的?如果使用元素选择器并悬停body标记,您将看到body标记仅显示页面的一小部分。其他元素使用绝对位置覆盖在正文顶部。Youtube有一些奇怪的自定义标记,将其样式设置为绝对位置把身体弄脏 看看这个ytd应用程序标签,在右边你可以看到样式

Mozilla在中包含了过多的浏览器扩展。其中之一是“Brorderify”,它有一个内容脚本,可以为页面匹配添加边框:

我已将匹配项设置为“匹配项”:

检查尸体表明他们的身体是一个边界,尽管我们看不见

删除
标记将实际显示边框


边框是如何覆盖或不显示的?

如果使用元素选择器并悬停body标记,您将看到body标记仅显示页面的一小部分。其他元素使用绝对位置覆盖在正文顶部。Youtube有一些奇怪的自定义标记,将其样式设置为绝对位置把身体弄脏

看看这个ytd应用程序标签,在右边你可以看到样式设置在{position:absolute,top:0,right:0}上,它设置在主体的正上方。还有一些其他标签在不同的位置做相同的操作…这是一个巨大的混乱


如果你在这个标签上设置boder,你会在右边看到一个边框,但不是全部。上面还有其他标签。可能是一个标签覆盖了侧栏的绝对位置,另一个标签覆盖了应用程序栏的绝对位置,等等。

开发控制台怎么说?该页面上有错误吗?是否包含内容脚本?@TimWißmann我在打开调试器时看到了包含的内容脚本。根本没有控制台错误。此外,body标记没有高度(或位置属性集),因此无法正确呈现,边框也没有。