Safari 为什么Web Inspector将用户代理样式表显示为'；锁定'；

我认为最简单的方式是通过图片来展示：

---

在WebInspector中，我试图更改display:block，但它被“锁定”。此外，我无法在我的源代码中找到它的来源，它显示为锁定，因为您无法使用DevTools直接编辑它。您必须覆盖用户代理样式表中的样式。

打开Safari Web Inspector并检查日志，注意您正在使用的任何浏览器扩展或内容拦截器（iOS），它们可能会修改或向网页中插入内容

在我的案例中，罪魁祸首是一个内容拦截器（iOS广告拦截器），它通过强制用户样式表在某些CSS元素上显示

display:none

来阻止页面上的元素。因此，Safari在屏幕截图中显示为“锁定”，无法编辑/修改。Web检查器的“日志”选项卡中出现了一条警告，告诉我内容拦截器阻止了框架加载资源

禁用内容阻止程序删除了强制样式表，并修复了我的问题