我认为展示这一点的最简单方法是用图片：
http://oi61.tinypic.com/r2s4f9.jpg
在 Web Inspector 中，我正在尝试更改 display:block 但它已“锁定”。此外，我无法在我的源代码中弄清楚这是从哪里来的
问问题
2637 次
2 回答
3
它显示为已锁定，因为您无法使用 DevTools 直接对其进行编辑。您必须覆盖用户代理样式表中的样式。
于 2014-10-07T15:27:42.010 回答
0
打开 Safari Web Inspector 并检查日志，并注意您正在使用的任何浏览器扩展程序或内容阻止程序 (iOS)，它们可以修改或将内容注入网页。
在我的案例中，罪魁祸首原来是内容拦截器（iOS 广告拦截器），它通过强制用户样式表display:none在某些 CSS 元素上来阻止页面上的元素。因此，Safari 将其显示为“锁定”，就像在您的屏幕截图中一样，无法编辑/修改它。Web Inspector 的“日志”选项卡中出现了一条警告，告诉我内容阻止程序阻止了框架加载资源。
禁用内容阻止程序删除了强制样式表，并解决了我的问题。
于 2018-05-07T22:12:35.827 回答