javascript 最新版 Chrome 浏览器中奇怪的闪烁错误

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/8019652/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-26 02:00:08  来源:igfitidea点击:

Weird flickering bug in the latest version of Chrome browser

javascriptgoogle-mapsgoogle-chrome

提问by Josip Filipovi?

After updating Google Chrome browser to the latest 15.0.874.106 version (under Windows 7), my site is experiencing some weird flickering bug.

将 Google Chrome 浏览器更新到最新的 15.0.874.106 版本(在 Windows 7 下)后,我的网站出现了一些奇怪的闪烁错误。

The text shadows are displaying completely wrong, the text itself is fuzzy and unclear, some parts of code don't work anymore (e.g. right floating, fixed menu)... etc. For a couple of seconds the site is displayed fine, then it flickers all of the sudden (while still loading) and then the rendering gets messed up. (I think it has maybe some problems with loading of Google Maps v3)

文本阴影显示完全错误,文本本身模糊不清,代码的某些部分不再起作用(例如右浮动,固定菜单)......等几秒钟网站显示正常,然后它突然闪烁(仍在加载时),然后渲染变得一团糟。(我认为加载 Google Maps v3 可能存在一些问题)

The funny thing is that the old version of Chrome (before updating, on my other computer) is still displaying the site without any problems, and there haven't been any changes in the code in the meanwhile.

有趣的是,旧版本的Chrome(更新前,在我的另一台计算机上)仍然可以正常显示该站点,同时代码没有任何更改。

In other browsers (as i said, even in the old chrome) everything is OK. Firebug and Chrome's code inspector (CTRL+SHIFT+J) don't show any errors in the code. I have been doing some digging on the Internet and here as well, and I havent't found anything useful.

在其他浏览器中(正如我所说,即使在旧的 chrome 中)一切正常。Firebug 和 Chrome 的代码检查器 (CTRL+SHIFT+J) 不会在代码中显示任何错误。我一直在互联网上和这里进行一些挖掘,但没有发现任何有用的东西。

You can check it out by yourself by clicking here

您可以点击此处自行查看

Thanks in advance.

提前致谢。

回答by Afzal Shaik

I have done same settings changes as mentioned above post and now, that weird flicker got stopped, below are the details....

我已经完成了与上述帖子相同的设置更改,现在,那个奇怪的闪烁停止了,下面是详细信息....

  • Open Chrome Browser
  • Click on Settings menu option
  • Click on Advance setting link in Settings page
  • Un-Check "Use Hardware acceleration when available" checkbox
  • Restart you chrome browser
  • 打开 Chrome 浏览器
  • 点击设置菜单选项
  • 单击设置页面中的高级设置链接
  • 取消选中“可用时使用硬件加速”复选框
  • 重启你的 Chrome 浏览器

Happy Browsing....... :)

浏览愉快....... :)

回答by Stefan Steiger

Also make sure to disable not only accelerated-compositing, but also accelerated-2d-canvas.

还要确保不仅禁用加速合成,还要禁用加速 2d 画布。

This is how I start google-chrome on Linux:

这就是我在 Linux 上启动 google-chrome 的方式:

/opt/google/chrome/google-chrome %U --user-data-dir=/root --disable-accelerated-compositing --disable-accelerated-2d-canvas

On Windows, you might want to omit

在 Windows 上,您可能希望省略

--user-data-dir=/root

回答by user3721517

Josip Filipovi? apology where to do that (in Win7 by entering -disable-accelerated-compositingin properties > targetfield) that part disables hardware acceleration.

约瑟普·菲利波维?道歉在哪里(在 Win7 中通过输入 -disable-accelerated-compositingproperties > target字段中)该部分禁用硬件加速。