为啥我的 chrome 谷歌浏览器打开网页有红框包围着

2021-02-06 14:58:27 +08:00
 funbox
![万恶的红框]( )

body 标签会自动新增 style="border: 5px solid rgb(255, 0, 0)

我知道啥时候被自己动到了浏览器的奇葩设置 个别网址会这样

求救~~
2719 次点击
所在节点    Chrome
12 条回复
wdy3334
2021-02-06 15:09:00 +08:00
百度搜索这个问题,第一条

进入 chrome://flags/
关闭: 合成渲染层边框
在合成渲染层周围呈现边框,以帮助调试和研究层合成。
wdy3334
2021-02-06 15:10:20 +08:00
https://i.loli.net/2021/02/06/j56mFLUcpZTetul.jpg 还有的说要关闭硬件加速
funbox
2021-02-06 17:30:39 +08:00
@wdy3334 感谢老哥 但是貌似无解~~ 之前也搜索了
eason1874
2021-02-06 17:32:36 +08:00
会不会是扩展的问题?访客模式下也会这样吗?
maplerecall
2021-02-06 17:32:43 +08:00
右键 body,给属性加断点看是哪个 js 插的,通过路径应该可以定位到某个扩展
funbox
2021-02-06 17:42:14 +08:00
@eason1874 不是插件 应该是 chrome 的设置问题
funbox
2021-02-06 17:42:22 +08:00
@maplerecall 不是插件 应该是 chrome 的设置问题
zictos
2021-02-06 20:06:55 +08:00
在油猴脚本中加入下面的代码:
if (document.querySelector('body').style.border === "5px solid rgb(255, 0, 0)"){
document.querySelector('body').style.border="initial";}

如果 body 存在行内样式 border 并且值等于 5px solid rgb(255, 0, 0)就把它设为初始化。这样只有在 body 中存在行内样式 5px solid rgb(255, 0, 0)时才会去除,而且只是初始化,并不会去掉在其他 css 文件中对 body 定义的 border 样式。
zictos
2021-02-06 20:23:01 +08:00
更正一下,代码应该是
if (document.querySelector('body').style.border === "5px solid rgb(255, 0, 0)"){
document.querySelector('body').style.border="";}
如果希望保留网站自身在其他 css 文件对 body 设置的 border 样式应该直接把 border 的值设为空字符。
funbox
2021-02-07 13:44:44 +08:00
@zictos 确实可以解决这个问题 谢谢 但是我还是想知道怎么配置 chrome 导致的~~
zzlatan
2021-02-07 17:54:45 +08:00
拓展导致的
funbox
2021-02-18 11:54:57 +08:00
@zzlatan 解决了 确实 散了散了散了~~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/751828

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX