【问题标题】:My site using "defer" for fast loading, but ruining the site for Opera Mini, any workaround?我的网站使用“延迟”来快速加载,但破坏了 Opera Mini 的网站,有什么解决方法吗?
【发布时间】:2016-06-28 08:23:36
【问题描述】:

我的网站对其所有脚本都使用“延迟”以实现快速加载,而 Opera Mini 不支持延迟加载,有什么办法可以解决这个问题?我仍然想使用 defer,但也想在 Opera Mini 上正常工作,因为 15% 的访问者正在使用它们。

另外,为什么 Opera Mini 会破坏我的一些 CSS?我认为这是一个奇怪的浏览器,我知道他们想要它快,但至少做到与其他浏览器相同的兼容性和渲染。

*编辑:附加信息,我也使用缓存插件 (W3TC),所以这可能更棘手。

【问题讨论】:

  • 它破坏了什么 CSS?为了使用更少的数据和更快的渲染,故意禁用对阴影、边框半径等某些功能的支持,但应保留大多数布局。
  • 是的,就像阴影、边框半径一样,不能在 SVG 旁边使用图标,即使使用 SVG 也会损坏、不合适且大小不同。甚至它也有自己的标准化字体大小。要做很多事情才能让它在 Opera Mini 上看起来更漂亮。更不用说你是否使用 javascript。

标签: javascript css browser cross-browser opera-mini


【解决方案1】:

Opera Mini 不支持延迟加载,任何解决此问题的方法

defer 只是在解析 HTML 结束时移动脚本执行,如果所有脚本都有defer,这将没有意义。 Opera Mini 将忽略它并下载所有内容,使其成为 OBML 并推送到手机。如果您对 Opeara Mini 中的 Javascript 有任何问题,我认为这不是延迟问题。查看 Opera Mini 中的 server:console 并检查它是否存在 javascript 错误。

为什么 Opera Mini 破坏了我的一些 CSS

Opera Mini 不支持 CSS3。

【讨论】:

  • 在我发布问题后不久,我发现 Opera Mini 的行为与其他浏览器相比确实不同。有限的 CSS 和 JS。由于不可能在 Opera Mini 上创建与其他浏览器具有相同 UX 的站点,所以现在我选择在 OM 上使其尽可能简单。人们使用 OM 是因为他们希望它轻巧简单。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-03-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-24
  • 2019-01-14
  • 2018-01-06
相关资源
最近更新 更多